Question

I have this jQuery function that enables a Search button next to a Search field when there is input:

$('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();     
});

It would be nice if this function could run automatically on page load as well, not only on keyup.

How can this be done?

Thanks for any help!

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