HTML 必需和禁用按钮答案

【问题标题】：HTML Required and disabled buttonHTML 必需和禁用按钮
【发布时间】：2014-04-16 20:29:51
【问题描述】：

通过检查输入字段是否已填写，我找到了几种启用按钮（从禁用状态）的方法。但我还没有看到一个解决方案，它只检查字段/div 中是否有数据其中包含“必需”的 HTML5。是否有一个简单的解决方案（Jquery 或本机 JS）使这成为可能？它看起来很简单，就像它是一个 HTML5 功能，但我可能错过了一点？

【问题讨论】：

标签： jquery html

【解决方案1】：

那也一样。

试试这个：

<input type="text" required class="required" /> // add the class

jQuery 代码：

if($('.required').val() != '') {
   // do the coding and enable the button...
}

使用它，您将检查具有 required 类的元素，而不是 required 的元素属性。

但是，所需元素的代码如下：

$('[required]').val() != ''

您可以同时使用元素选择器来获取该元素的值。然后在if else 语句中使用它。

【讨论】：

【解决方案2】：

我有时会这样做以确保所有必填字段都有值：

var isValid = true;

$(':input[required]').each(function() {
    if(!$(this).val()) {
        isValid = false;
    }
});
if(isValid)){
    //do submit stuff
}

【讨论】：