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

我有一个（非常）基本的验证脚本。我基本上想检查 .required 类的任何输入，看看是否有值 a) 空白或 b) 0，如果是，则在我的表单提交上返回 false。这段代码似乎没有返回 false：

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

将此函数附加到表单的 onSubmit 处理程序不会返回任何结果。对此事的任何了解都将受到赞赏。

我基本上是在一个迭代所有具有 .required 类的输入的函数之后，如果任何有空白或 0 值，则在提交时返回 false 并将所有行为不良的输入的背景颜色更改为橙​​色。

您的代码当前获取的是.val() http://api.jquery.com/val/为了first .required, from the .val()文档 http://api.jquery.com/val/.:

获取匹配元素集中第一个元素的当前值。

您需要单独过滤每一项，如下所示：

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;
}