如何檢查所有可見輸入是否都具有值？ （沒有jquery驗證程序）

Question

如果選中了所有可見的必填字段，則需要單擊按鈕。

HTML：

<input type="text" class="required-entry">
<input type="text" class="required-entry">
<input type="text" class="required-entry">
<div style="display:none">
<input type="text" class="required-entry">
</div>
<button class="check-fields">Check Fields</button>

jQuery：

$('.check-fields').on('click', function () {
 var value = $('.required-entry').filter(function () {
    return this.value === '';
  });
  if (value.length == 0) {alert('Everything has a value.');
  } else if (value.length > 0) {
    alert('Please fill out all required fields.');
  }
});

https://jsfiddle.net/u0pk7cdr/3/

Answer 1

這是因為你有一個隱藏的div內同一類多了一個文本字段。 始終保持空白。 您應該僅從可見的文本元素中過濾掉：

var value = $('.required-entry:visible').filter(function () {
  return this.value === '';
});

工作演示