入力中に入力フィールドがまだ空であるかどうかを確認する方法はありますか？

Question

私は2つの入力フィールドを持っています。

$(".myClass").on("change keyup paste", function(){ 
 
if($('.myClass').val() != ''){ 
 
     alert('One or all fields are empty'); 
 
    } 
 

 
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input type="text" class="myClass"> 
 
<input type="text" class="myClass">

私は、フィールドAで何かを書いた後、その後、フィールドBで何かを書き始めるのであれば、私は、期待してい：私は、フィールドのいずれかがまだ空である場合、入力中に確認したいですアラートメッセージは停止する必要があります。しかしそれはありません

Answer 1

あなたは次のようにすることができます。 each()を使用してすべて.myClassを確認してください。

$(".myClass").on("change keyup paste", function() { 
 
    var isEmpty; 
 
    $('.myClass').each(function() { 
 
     if (this.value.length == 0) 
 
      isEmpty = true; 
 
    }); 
 

 
    if(isEmpty) 
 
     alert('One or all fields are empty'); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input type="text" class="myClass"> 
 
<input type="text" class="myClass">

Answer 2

それを行うための方法は、通常ョフィルタそれである：

（ところで、私が代わりにinputイベントを使用することをお勧めしたい）

$(".myClass").on("input", function(){ 
if($('.myClass').filter(function(){ return !this.value; }).length){ 
     alert('One or all fields are empty'); 
    } 
});