2013-07-19 9 views
5

選択した入力が空であればどのようにシンプルな方法でテストできますか?選択された入力が空であるかどうかを確認する

私はこのように私の入力を取得:

$myinputs = $('.inputstotest'); 

として単一の入力をテストします:

if ($.trim($this.val()) == '') 

が、どのようにグループをテストし、すべてがもしあれば空または偽でない場合はtrueを返すように(少なくとも1つ)は空ですか?

答えて

2
var result = true; 
$('.inputstotest').each(function() { 
    if ($.trim($(this).val())) == '') { 
     result = false; 
     return false; // Terminate the .each loop 
    } 
}); 
return result; 
6

私がお勧めしたい:そのクラス名のinputsがゼロに等しいtrimmed- valueである場合は、上記のsomeEmpty

var someEmpty = $('.inputstotest').filter(function(){ 
    return $.trim(this.value).length === 0; 
}).length > 0; 

は、ブール、trueなり、falseをなしている場合そのクラス名の入力は、0に等しい長さのトリミングされたvalueを有する。

参考文献:

+0

を+1 –

2

あなたは、各入力があった場合には、同じクラスの例を持って何

var $myinputs = $('.inputstotest'); 
if($myinputs.filter(function() { return $.trim(this.value) == ''; }).length > 0) { 
    //There is at least one empty input 
} 
0

を行うことができます。 class="checkInput"以下のコードを使用してそれらを順番に使用しjqueryの:

var anyBlank = false; 
$('.checkInput').each(function(){ 
    if($(this).val() == ''){ 
     anyBlank = true; 
    } 
}); 

if(anyBlank){ 
    alert('There is at least 1 input that is blank'); 
} 
2
var invalidInputs = $('.inputstotest').filter(function() { 
    return $.trim(this.value) == ''; 
}); 

if (invalidInputs.length > 0) { 
    //some were invalid 
    invalidInputs.after('<span>Please enter a value!</span>'); 
} 
0

あなたはjQueryのあなたのために相続人はそれぞれの機能

$(".inputstotest").each(function(){}); 

フィドル使用することができます。私はこの方法が好きhttp://jsfiddle.net/Beyyd/1/

関連する問題