Question

这里我有很多输入文本字段，类似

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

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

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

但它没有任何结果。有人可以帮忙吗？

Answer 1

您可以查看

$('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>

Answer 2

您可以使用以下方法比较输入数量的长度和空输入的数量：

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

if($('.MyClass').length== allemptylength.length){
  alert("all empty");
}

Working Demo

Answer 3

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

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

Answer 4

您可以这样检查：

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

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

Answer 5

试试这个

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

Answer 6

尝试是（＆＃39;：已检查＆＃39;）

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

这将仅警告已检查的元素。

Answer 7

试试这个。它对我有用

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

Answer 8

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

Answer 9

试试这个。 100％工作..

>>> list(itertools.chain.from_iterable(d.keys()))
['think', 'surpris', 'go', 'see', 'look', 'toward', 'new', 'cage']

感谢。

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

9 个答案:

Working Demo