Question

如何计算空输入文本字段数量..

我已编写此代码来计算空字段。这适用于具有预加载值的字段。但是在我在其他文本字段中键入内容并再次尝试该功能后，它会给出＆＃34; 2＆＃34;的相同结果。似乎功能忽略了加载后添加的值。

即使在加载html后在字段中键入文本后，如何才能使其工作正常？

*我在堆栈上搜索，但没有找到这个问题的好答案。

＆＃13;

$(document).on("click", ".pool", function() {
            
        var count = $('.option[value=""]').length;
        alert(count);
        
    });

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
<div id="optionlist">
  
  <input type="text" class="option form-control"  value="bla bla">
  <input type="text" class="option form-control"  value="">
  <input type="text" class="option form-control"  value="">
    							
</div>

＆＃13;

Answer 1

$(document).ready(function(){
  $(document).on("click", ".pool", function() {
    var count=0;
    $(".option").each(function(){
        count = count+($.trim($(this).val())=="" ? 1 : 0);
    });
    alert(count);
  });
});

Fiddle

Answer 2

您可以使用过滤器检查.val（）是否为空字符串。

＆＃13;

$(document).on("click", ".pool", function() {
            
        var count = $('.option:text').filter(function(input){
            return $(this).val() == "";
        }).length;

        alert(count);
        
    });

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
<div id="optionlist">
  
  <input type="text" class="option form-control"  value="bla bla">
  <input type="text" class="option form-control"  value="">
  <input type="text" class="option form-control"  value="">
  <input type="button" value="Click" class="pool" />
    							
</div>

＆＃13;

Answer 3

尝试 -

$(document).on("click", ".pool", function() {

    var count = 0;
    $('.option').each(function() {
        if ($.trim($(this).val()) == "") {
            count++;
        }
    })
    alert(count);

});

如何计算空输入文本字段的数量？

3 个答案: