Question

at the moment I use this code to disable submit button until all input fields in the form are filled out. Altough I would like to add refresh on keyup, so it would enable the button as soon as you finish typing in the last inputbox…

function buttonState(){
    $("input").each(function(){
        $('#submit').attr('disabled', 'disabled');
        if($(this).val() == "" ) return false;
        $('#submit').attr('disabled', '');
    })
}

$(function(){
    $('#submit').attr('disabled', 'disabled');
    $('input').change(buttonState);
})

Answer 1

Edited

$(function(){
    function buttonState(){
        var isValid = true;
        $("input").each(function(){
            if($(this).val() == "" ) isValid = false; 
        });
        if (isValid) $('#submit').attr('disabled', '');
        else $('#submit').attr('disabled', 'disabled');
    }
    $('#submit').attr('disabled', 'disabled');
    $('input').on('change keyup', buttonState);
})