jquery - 選択した入力のいずれかが空かどうかをjQueryがチェック

Question

選択した入力のいずれかが空の場合、どのように簡単にテストできますか?

私はこの方法で入力を取得します：

$myinputs = $('.inputstotest');

単一の入力を次のようにテストします。

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

しかし、グループをテストして、すべてが空でない場合は true を返し、いずれか (少なくとも 1 つ) が空である場合は false を返す方法は?

Answer 1

私はお勧めします：

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

上記では、そのクラス名のトリムされた値がゼロに等しい場合、そのクラス名の入力にゼロに等しい長さのトリムされた値がない場合someEmpty、ブール値になります。trueinputsvaluefalsevalue

参考文献:

• filter().

Answer 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>');
}

Answer 3

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

Answer 4

できるよ

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