Jquery表单，禁用提交按钮，直到输入必填字段[关闭]答案

【问题标题】：Jquery form, disable submit button until required field entered [closed]Jquery表单，禁用提交按钮，直到输入必填字段[关闭]
【发布时间】：2013-11-26 19:13:53
【问题描述】：

我需要提交按钮来启用第一个，直到用户在验证失败时单击提交。提交按钮禁用，直到输入所有必填字段

【问题讨论】：

为什么不让按钮保持启用状态并在用户每次点击提交时运行验证？
请在询问之前告诉我们您的尝试，谢谢

标签： jquery validation plugins

【解决方案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');
}

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

【讨论】：

【解决方案2】：

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

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

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

这就是您使用 jQuery Validate 所需要做的一切。

【讨论】：