すべての入力フィールドがjQueryで記入されていることを確認してください

Question

3つのdivがあり、それぞれに2つの入力フィールドと次のボタンがあります。 jQueryのスニペットを書いて、次のボタンがクリックされたときに、ボタンと同じdiv内のすべての入力フィールドを確実にチェックします.nullではありません。

は、私はあなたが減らすためにfilterを使用することができ

http://jsfiddle.net/xG2KS/1/

Answer 1

...運が、その間違っている、唯一の私は、オンラインで関連情報を見つける傾ける特定のイム100％で、次の試してみました

$(".next").click(function() { 
    var empty = $(this).parent().find("input").filter(function() { 
     return this.value === ""; 
    }); 
    if(empty.length) { 
     //At least one input is empty 
    } 
}); 

：空であり、そしてそれだけのものにすべての input要素の集合は残るものの lengthプロパティをチェック

上記のコードで空の定義が空の文字列であることに注意してください。余白としても空白を扱う場合は、比較する前に値をトリムすることができます。

filter関数内でthisをjQueryに渡す必要はありません。 DOM要素自体にはvalueというプロパティがあり、valではなくアクセスする方がはるかに高速です。

ここにはupdated fiddleがあります。

Answer 2

$('.next').click(function() { 
    var emptyInputs = $(this).parent().find('input[type="text"]').filter(function() { return $(this).val() == ""; }); 
    if (emptyInputs.length) { 
     alert('Fail!'); 
    } 
}); 

Answer 3

$('.next').click(function() { 
    var inputs = $(this).parent().find('input[value=""]'); 
    if (!inputs.length) { 
     // you have empty fields if this section is reached 
    } 
});