javascript - 结合 document.load + blur

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
    });
});