如果所有字段都是空白的，如何在jQuery中验证

Question

使用jQuery验证，如果我在页面上有很多字段，并且只需要填充其中一个字段，那么只有在它们全部为空时才会引发错误。

也就是说，用户可以填写一个或多个字段，但如果所有字段都是空白，则会出错。我想知道是否有一种方法可以使用jQuery验证。

Answer 1

这些方面应该有所作为。

var valid=0;
$("#myform input[type=text]").each(function(){
  if($(this).val() != "") valid+=1;
});

if(valid){
  console.log(valid + " inputs have been filled");
}
else {
  console.log("error: you must fill in at least one field");
}

See a working example here on jsFiddle

Answer 2

var filled = $("#theForm :input").filter(function() {
    return $.trim(this.value).length;
});
if(filled.length) {
    // at least one has been filled
} else {
    // error, all are blank
}

You can test it here.

参考：

• http://api.jquery.com/input-selector/
• http://api.jquery.com/filter/

Answer 3

试试这个，

    var name = $('#name').val();
    var city = $('#city').val();

    if(name == '' && city == '') // this will only fire when both name and city are empty if one of them is not empty than this if condition will not fire
    {
       alert('all fields are required');
    }