Jquery表单，禁用提交按钮，直到输入必填字段

Question

我需要提交按钮才能启用1st，直到用户点击提交验证失败。提交按钮禁用，直到输入所有必填字段

Answer 1

循环显示表单字段并检查是否还有空字段，如果是，则保持禁用提交按钮，否则启用提交按钮。

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');
}

我建议在表单的最后一个元素上调用此代码

Answer 2

您无需禁用提交按钮，只需显示错误消息并停止提交表单。

尝试使用http://jqueryvalidation.org/来管理表单验证。您只需标记必填字段，验证框架将确保在所有规则通过之前表单不会提交。

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

这就是你需要做的jQuery Validate。