jquery - 使用 jQuery 检查每个必需的输入是否为空值

Question

我正在检查表单中的每个必填字段。我尝试过这个，但它只适用于第一个输入。我怎样才能让它适用于每个输入？

if($('[required]').val() != ''){ 
        $('.button1').fadeIn(0);
        $('.button2').fadeOut(0);
}else{
    $('.button1').fadeOut(0);
    $('.button2').fadeIn(0);
}

编辑:为了了解更多上下文，这是我在下面的另一个函数，每当它们和 HTML 代码发生更改时都会应用它。

$('[required]').change(function() {
if($('[required]').val() != ''){ 
        $('.button1').fadeIn(0);
        $('.button2').fadeOut(0);
    }else{
    $('.button1').fadeOut(0);
    $('.button2').fadeIn(0);
}
});

HTML

我有一堆这样的输入:

<input type="text" id="title" name="title" value="" required>
<input type="text" id="size" name="size" value="" required>
<input type="text" id="length" name="length" value="" required>

按钮:

<a class="button1" style="display:none" >button 1</a>
<a class="button2">button 2</a>

所以我想在页面加载时以及每当它们发生变化时检查是否有空字段。

顺便说一句，我没有围绕这些表单标签，因为它是针对移动设备的，并且我认为这并不是真正必要的，如果这有什么区别的话。

再次感谢!

Answer 1

这个？

$( ':input[required]', yourForm ).each( function () {
    if ( this.value.trim() !== '' ) {
        // ...
    }
});

其中 yourForm 是对 FORM 元素的引用(您也可以在此处使用选择器)。这是上下文 - 您只想搜索表单内的字段。