javascript - 用数据计算输入和文本区域的数量

Question

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

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

这是我当前的脚本：

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

Answer 1

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

编辑：
按照您在评论中的要求向上计数：

jsBin 演示

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

要重做向下计数（演示） ，只需使用===并排除打印：each function

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

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

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

})(jQuery);