检查同一类的所有输入值是否为空jquery

check all input values of same class is empty jquery

本文关键字：输入 是否 jquery 一类 检查      更新时间：2023-10-21

这里有许多输入文本字段，它们具有类似的相同类

<input type="text" class="MyClass"></input>
<input type="text" class="MyClass"></input>
<input type="text" class="MyClass"></input>

我的要求是检查这个类的所有输入字段是否为空。我试过这个

if(!('.MyClass').val()){
alert("empty");
}

但没有任何结果。有人能帮忙吗？

您可以检查

$('button').click(function() {
  var $nonempty = $('.MyClass').filter(function() {
    return this.value != ''
  });
  if ($nonempty.length == 0) {
    alert('empty')
  }
})
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<input type="text" class="MyClass" />
<input type="text" class="MyClass" />
<input type="text" class="MyClass" />
<button>test</button>

或者使用标志

$('button').click(function() {
  var flag = false;
  $('.MyClass').filter(function() {
    if (this.value != '') {
      flag = true;
      //no need to iterate further
      return false;
    }
  });
  if (!flag) {
    alert('empty')
  }
})
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<input type="text" class="MyClass" />
<input type="text" class="MyClass" />
<input type="text" class="MyClass" />
<button>test</button>

您可以使用比较输入数和空输入数的长度

var allemptylength=$(".MyClass").filter(function() {
    return this.value.length !== 0;
})});
if($('.MyClass').length== allemptylength.length){
  alert("all empty");
}

工作演示

要确保检查每个类，请使用

$.each($('.MyClass'),function() {
   if ($(this).val().length == 0) {
    alert('empty');
   }
});

您可以这样检查：

var isEmpty = !$('.MyClass').filter(function() {
    return this.value.trim();
}).length;

同时删除所有</input>标签。输入元素是可自关闭的。

尝试这个

    var hasNoValue;
    $('.MyClass').each(function(i) {
        if ($(this).val() == '') {
              hasNoValue = true;
        }
    });
    if (hasNoValue) {
        alert('All have no value');
    }

try是（'：已检查'）

$('.MyClass').each(function(){
    alert($(this).is(':checked');)
});

这将只提醒选中的元素。

$('input').each(function(index,value){
    if($(this).val()!=''){
        $(this).addClass('success');
    }else{
        $(this).removeClass('someClass');
        $(this).addClass('warning');
        $(this).css('border', '1px solid red');
        //do something else...
    }
});

试试这个。100%工作。。

var emptyLength = $(".MyClass").filter(function() {
    return this.value == "";
}).length;
 if (emptyLength > 0)
{
    alert("Please enter all peramerter's value");
    return;
}

谢谢。

试试这个。它对我有效

var flag = 1;
$(".MyClass").each(function(i){
    if ($(this).val() == "")
        flag++;
});
if (flag == 1)
    alert('all have values');
else
    alert('some or all doesn''t have value');
相关文章：