javascript - jQuery - 查找具有给定类但没有值的任何输入

Question

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

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

将此函数附加到我的表单的 onSubmit 处理程序不会返回任何结果。任何有关此事的线索将不胜感激。

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

Answer 1

您的代码当前获得 .val()对于第一个 .required，来自the .val() documentation :

Get the current value of the first element in the set of matched elements.

您需要单独过滤每一个，如下所示:

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