当表单未通过jQuery验证验证时，如何禁用按钮？

Question

我想知道如何使用jQuery禁用按钮（不提交），而表单不能使用jQuery验证，但是当它确认时，启用按钮。

Answer 1

$('#button').attr('disabled', 'disabled');
$("#myform").validate();
$("#submit").click(function() {
    if ($("#myform").valid())
        $('#button').removeAttr('disabled');
});

Answer 2

这有点棘手。我建议尝试绑定一个change()事件：

$(":input").change(function() {
  $('#formid").validate();
  if ($("#formid").valid()) {
    $("#buttonid").removeAttr("disabled");
  } else {
    $("#buttonid").attr("disabled", true);
  }
});

此方法的缺点是，例如，如果文本字段不能为空，则change()事件在失去焦点之前不会被触发，因此按钮将不会被取消。如果这对您很重要，您可以添加keydown()事件。