如何禁用按钮，而表单不验证与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()事件。