jquery - 如何让 jquery 函数在页面加载时运行？

Question

我有这个 jQuery 函数，可以在输入时启用字段Search旁边的按钮Search：

$('form#search').on('keyup', 'input[type=text]', function(event) {
    if ($(this).val().length != 0) {
        $(this).next('input[type="submit"]').removeProp("disabled");
    } else {
        $(this).next('input[type="submit"]').prop("disabled", true);
    }
    event.preventDefault();     
});

如果这个功能也能自动运行page load就好了，而不仅仅是在keyup.

如何才能做到这一点？

谢谢你的帮助！

Answer 1

function check(){
    var text=$("form#search input[type=text]");
    if (text.val().length != 0) {
            text.next('input[type="submit"]').removeProp("disabled");
    } else {
            text.next('input[type="submit"]').prop("disabled", true);
    }
}

$(function(){
    //trigger when the text field is being filled with text
    $('form#search').on('keyup', 'input[type=text]', function(event) {
        check();
    });
    //trigger when the document is loaded
    check();
});

Answer 2

$(function(){
  $('form#search').trigger('keyup');
});