如何禁用按鈕，而表單不驗證與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()事件。