完成字段

Question

如何通过Javascript获取完成的字段数量？就像用户输入输入并取消聚焦输入框一样，我可以看到，如果我完成了一个输入字段，请在控制台中输入1。

我有这个代码，但它似乎没有工作

  var bad = 0;
$('.form :text').each(function () {
    if ($.trim($(this).val()) == "") bad++;


});

if (bad > 0) $('.congrats').css("display", "block").text(bad + ' missing');
else $('.congrats').hide();

标记

  <div class="form">
 <form name="form">
<input type="text" /><br />
<input type="text" />
</form>
</div>
<p class="congrats"></p><input style="width:100px" value="check" id="a" type="button" />

有什么想法吗？我想要AJAX吗？

Answer 1

FIDDLE ：http://jsfiddle.net/abdennour/3mH6w/1

只需使用 keyup ＆amp;重点活动，足以满足您的需求：

     var bad = 0;
var cback=function(){
    bad=0;
     $('.form :text').each(function (i,e) {
        if ($.trim($(e).val()) == "") bad++;
      });
   if (bad > 0) $('.congrats').css("display", "block").text(bad + ' missing');
else $('.congrats').hide();
}
$(document).delegate('.form :text','focus',cback);
$(document).delegate('.form :text','keyup',cback);