jQuery—查找给定类中没有值的任何输入

您的代码当前获得 .val() 对于 第一 .required the .val() documentation

您需要逐个筛选,如下所示:

function myValidation(){
  var allGood = true;
  $(".required").each(function() {
     var val = $(this).val();
     if(val == "" || val == 0) {
       $(this).css({ backgroundColor:'orange' });
       allGood = false;
     }
  });
  return allGood;
}

或者更紧凑的版本:

function myValidation(){
  return $(".required").filter(function() {
     var val = $(this).val();
     return val == "" || val == 0;
  }).css({ backgroundColor:'orange' }).length === 0;
}

请尝试以下jQuery选择器:

也可以通过定义自己的自定义jQuery选择器来实现:

$(document).ready(function(){

    $.extend($.expr[':'],{
        textboxEmpty: function(el){
            return ($(el).val() === "");
        }
    });
});

然后像这样访问它们:

alert($('input.required:textboxEmpty').length); //alerts the number of input boxes in your selection

所以你可以放一个 .each

$('input.required:textboxEmpty').each(function(){
    //do stuff
});