javascript - 表单无效时禁用提交按钮

Question

我有一个使用 jQuery Validate 验证的表单。我希望能够在表单无效时禁用提交按钮，但我不确定最佳方法。要禁用按钮，我可以简单地这样做

$("#clientConfigurationForm input[type=submit]")
     .prop("disabled", !clientConfigValidation.valid());

问题是我应该把这段代码放在哪里？似乎跟踪所有更改的唯一方法是在 unhighlight 和 highlight 中复制代码。

有没有更好的方法来解决这个问题？

Answer 1

我会在输入更改时执行它。

$('#yourForm input, #yourForm select, #yourForm textarea').on('change', checkForm);

function checkForm(){
    $("#clientConfigurationForm input[type=submit]")
        .prop("disabled", !clientConfigValidation.valid());
}