用数据计算输入和textarea的数量

时间:2012-04-18 23:43:51

标签: javascript jquery count

我有一个只适用于jquery 1.7.2的脚本。我也和这个剧本发生了很多冲突。

这种方法有替代方案吗?我正在尝试计算在其中输入数据的输入和textarea的数量。我只需要一个号码。

这是我目前的剧本:

$('#form_register').on('keyup', function() {
var number = $('#form_register').find('input, textarea')
// filter out every empty input/textarea
.filter(function() {
    return $(this).val() != '';
}).length;
$('.inputCount').val('There are ' + number + ' empty input fields');
console.log('test');
});​

1 个答案:

答案 0 :(得分:1)

我也使用change处理程序,以防止有人将文字粘贴到字段中。

编辑:
按照你在评论中的要求向上计数:

jsBin demo

$('#form_register').on('keyup change', function() {
    var number = 0;
    $(this).find('input, textarea').each(function(){
       if( this.value !== ''){
          $('.input_count').val(number++);
       }
    });       
});

要重做以向下计数(DEMO),只需使用===并从each function中排除 print

       if( this.value === ''){
          number++;
       }
       $('.input_count').val(number);

如果您有更多问题,请尝试将代码包装到:

(function($){ // remap '$' to jQuery

    // CODE HERE

})(jQuery);