使用jQuery检查字段上的输入字段是否为空

Question

我有一个包含5个字段的表单,所有字段都是'required'

我试图确保提交这些字段不是空的,如果是,添加一个类,如果没有,返回true - 我尝试了以下只有没有运气,即使字段为空表单仍然提交.

$('.submit').click(function(){

if($('.required').val() == "") {
        $('.required').addClass('error');
        return false;
    } else {
        return true;
    };
});

Answer 1

尝试:

$('.submit').click(function(e){
 if(!$('.required').val()) {
    $('.required').addClass('error');
    e.preventDefault();
  } else {
    return true;
  };
});

Answer 2

if($('.required')将返回 jQuery 对象的集合，而调用.val()将仅使用该集合的第一个元素来执行测试。

尝试这样的事情（编辑：不需要进行循环或测试，因为过滤器 expr 会为你处理这个问题）：

$('.submit').click(function(e) {
    var ins = $('input.required[value=""]');         
        ins.addClass('error');
        return false;
   }
    return true;
 }