Question

我有两个输入字段。我想在输入时检查，如果其中一个字段仍为空：

$(".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

你可以这样做。使用.myClass检查所有each()。

$(".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');
   }
});

如何在键入时检查某些输入字段是否仍为空？

2 个答案: