jquery - 更新空输入计数更改事件

Question

我正在计算有多少配置文件字段项为空并将计数显示为标签。如果所有字段都已完成，它将显示一个勾号而不是计数 (0)。

像这样

$(function() {
    var num = $('input[name^="p-"]').filter(function(){
        return !$(this).val();
    }).length;
    if (num > 0) {
    $('.Personal').prepend('<span class="label label-important" title="<?php _e('Incomplete'); ?>">'+num+'</span>');
    } else {
    $('.Personal').prepend('<span class="label label-info" title="<?php _e('Completed'); ?>">&#10004;</span>');
    }
});

我想更新它，以便在每个字段完成时更新计数，因此您会在完成字段时看到它倒计时。

实现这一目标的最佳方法是什么？

Answer 1

$('input[name^="p-"]').on('change',function(){
    var num = $('input[name^="p-"]').filter(function(){
        return !$(this).val();
    }).length;
    if (num > 0) {
    $('.Personal').prepend('<span class="label label-important" title="<?php _e('Incomplete'); ?>">'+num+'</span>');
    } else {
    $('.Personal').prepend('<span class="label label-info" title="<?php _e('Completed'); ?>">&#10004;</span>');
    }
});

如果你想选择 textarea 以及像这样修改选择器

$('input[name^="p-"], textarea').on('change',function(){});

当然[name^="p-"]，如果您愿意，您也可以申请