使用jQuery检查具有某个类的所有输入是否为空

我正在尝试检查具有某个类的所有输入字段是否为空。 现在我有以下代码：

HTML

   Check Fields 

jQuery的

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

但这会抛出“一切都有价值”的信息。 如果任何一个输入有一个值。 我试图只在这个类的每个输入都有内容时抛出该消息。

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

     Check Fields 

我也有这个略有不同的代码的小提琴..当第一个输入是唯一填充时，也会抛出Everything有一个值消息。

 $('.check-fields').on('click', function () { if($.trim($('.required-entry').val()) === '') { console.log('Please fill out all required fields.'); } else { console.log('Everything has a value.'); } }); 

     Check Fields 

Answer 1

检查以下代码：

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

Answer 2

您可能必须更改相同的条件，如下所示，执行空检查。

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

取决于上述条件你可以改变条件，如果所有输入都有值，你会得到0计数，其他方面>0计数。

 if (value.length == 0) { alert('Everything has a value.'); } else if (value.length > 0) { alert('Please fill out all required fields.'); } 

例

 $('.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.'); } }); 

     Check Fields 

Answer 3

  $('input[type="text"]').each(function() { if ($.trim($(this).val()) == '') { alert('Please fill out all required fields.'); } else { alert('Everything has a value.'); } }); 

要么

  $('input[class="required-entry"]').each(function() { if ($.trim($(this).val()) == '') { alert('Please fill out all required fields.'); } else { alert('Everything has a value.'); } }); 

Answer 4

也许你可以满足

http://caniuse.com/#feat=form-validation