jquery - jQuery - 多个相同 IF 条件的简写并同时匹配多个元素？

Question

有没有更短的方法来为 jQuery 编写这个？以某种方式捆绑它？看起来效率非常低。

if (
   ($('#fname-field').val() == '')  || 
   ($('#lname-field').val() == '')  || 
   ($('#cell-field').val() == '')   || 
   ($('#email-field').val() == '')  || 
   ($('#street-field').val() == '') || 
   ($('#pcode-field').val() == '')  || 
   ($('#city-field').val() == '')   || 
) { // Do something }

我已经四处寻找，但还没有找到答案。我不认为以下是等效的：

if ($('#fname-field, #lname-field, #cell-field etc...' == '')) { // Do something }

它不等效，因为它不作为一个组运行条件，而是单独运行？对？

Answer 1

您可以提供要验证类的所有元素，然后使用 jQuery 的 each 函数

$('.validate').each(function(index) {
  if ($(this).val() == '')
     alert("empty");
});

http://api.jquery.com/each/

或者，如果您只想要一次警报，请执行以下操作：

$('.validate').each(function(index) {
  if ($(this).val() == ''){
     alert("empty");
     return false;
  }
});

Answer 2

你可以这样做..

if ($('#fname-field, #lname-field, #cell-field/*, ..*/')
    .filter(function () { 
         return $(this).val(); 
     }).length)

Answer 3

var i  = 0; 
$('input').each(function() { 
if($(this).val().length == '0') { 
i++;; 
}  
});
alert("Found " + i + " empty fields");

http://jsfiddle.net/QrkWz/2/

Answer 4

你可以试试这个方法

var isCheck = false;
 var elems = $('#fname-field ,#lname-field , #cell-field , #email-field ,#street-field ,#pcode-field , #city-field' );
        $.each(elems , function() {
            if($this).val() == ''){
               isCheck = true;
               return false
            }
        });

        if(isCheck){
           // Your code here
        }
        else{
          //  Do something else
        }