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

kyks70gy  于 2023-01-01  发布在  jQuery
关注(0)|答案(9)|浏览(125)

这里有许多具有相同类的输入文本字段,如

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

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

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

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

4xy9mtcn

4xy9mtcn1#

你可以查一下

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

或者用旗子
一个二个一个一个

nzk0hqpo

nzk0hqpo2#

您可以使用以下公式比较输入数和空输入数的长度:

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

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


∮ ∮ ∮ ∮

e0bqpujr

e0bqpujr3#

要确保选中每个类,请使用

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

n53p2ov04#

您可以按如下方式进行检查:

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

还要删除所有</input>标记。input元素是可自关闭的。

cigdeys3

cigdeys35#

试试这个

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

5gfr0r5j6#

try为(':checked ')

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

这将仅警告选中的元素。

ffvjumwh

ffvjumwh7#

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

kcugc4gi8#

试试这个100%有效。

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

谢谢。

ercv8c1e

ercv8c1e9#

试试这个,对我很有效

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

相关问题