HTML必需和禁用按钮

时间:2014-03-12 15:21:48

标签: jquery html5

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

2 个答案:

答案 0 :(得分:1)

那本来就是一样的。

试试这个:

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

jQuery代码:

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

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

但是,所需元素的代码如下:

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

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

答案 1 :(得分:0)

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

var isValid = true;

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