组合document.load +模糊

Question

我有以下javascript来确定版权是否被正确格式化：

    var copyright = $('#copyright')
    var copyright_text = copyright[0].value
    if (copyright_text.length > 0) {
        var containsYear = /\d{4}/.test(copyright_text);

        if (containsYear == false) {
            copyright.css({
               'background-color': 'rgba(230, 89, 78, 0.07)',
            });
            copyright.parent().append(
               '<div class="explanatory caution">CAUTION: Make sure this copyright contains a year.</div>'
            );

        };
    };

我如何将相同的逻辑应用于.blur()以及上面的正常页面加载，而不复制和粘贴上面的所有代码？

Answer 1

您可以在添加后使用.trigger触发回调：

$(document).ready(function() {
    $('#copyright').blur(function() {
        var copyright = $('#copyright')
        var copyright_text = copyright[0].value
        if (copyright_text.length > 0) {
            var containsYear = /\d{4}/.test(copyright_text);

            if (containsYear == false) {
                copyright.css({
                   'background-color': 'rgba(230, 89, 78, 0.07)',
                });
                copyright.parent().append(
                   '<div class="explanatory caution">CAUTION: Make sure this copyright contains a year.</div>'
                );

            };
        };
    }).trigger('blur');
});

Answer 2

将您拥有的代码放入一个函数中。当您感兴趣的事件发生时调用它：

$(document).load(function(){
    formatCopyright();

    $(<the-selector>).blur(function({
        formatCopyright();
    });

    function formatCopyright({
        // the code from your question goes here
    });
});