すべてのフィールドが空白の場合にのみjQueryで検証する方法

Question

jQueryの検証を使用すると、ページに多数のフィールドがあり、それらのフィールドの1つだけを満たす必要がある場合は、すべて空白の場合のみエラーを発生させます。

つまり、ユーザーは1つ以上のフィールドを入力できますが、すべてが空白の場合はエラーが発生します。 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'); 
    } 

、これを試してみてください