Jquery窗體，禁用提交按鈕，直到輸入必填字段

Question

我需要提交按鈕來啓用1st，直到用戶單擊提交如果驗證失敗。提交按鈕禁用，直到輸入所有必填字段

Answer 1

您不需要禁用提交按鈕，只需顯示錯誤消息並停止提交表單。

嘗試使用http://jqueryvalidation.org/來管理您的表單驗證。您只需標記必填字段，驗證框架將確保表單在所有規則通過之前不會提交。

<input type="text" name="firstName" id="firstName" required />

這就是所有你需要用jQuery驗證做。

Answer 2

循環顯示錶單字段，並檢查是否有任何字段仍然空出，如果是，請禁用提交按鈕，否則啓用提交按鈕。

var flag = true; 

$('#yourFormID').each(function() 
    { 
     if($(this).val() == "") 
     { 
      /* $('input[type="submit"]').attr('disabled'); may be you will need this if you are checking form on every form element*/ 
       flag = false; 
     } 
    } 
if(flag) { 
     $('input[type="submit"]').removeAttr('disabled'); 
} 

我會建議調用此代碼對你的表單