如何判断所有动态构造的文本框都有值

时间:2010-08-24 08:16:02

标签: jquery

给定计算(然后构造)页面有多少文本框的代码:

        var gEmails = '<p>Please enter your desired emails</p>';

        for (var i = 0; i < numInputs2Render; i++) {
            gEmails = gEmails + '<input type="text" id="Email' + i + '" class="emailInput">';
        }

如何添加可以告诉每个输入被用户模糊的代码? This answer gets me oh so close但我需要在我的一个动态文本框听到模糊事件时触发的代码,这样我就可以在_all匹配的输入中测试非空条件。

THX

2 个答案:

答案 0 :(得分:1)

在所有输入字段上收听模糊事件。如果任何字段模糊,将触发此回调函数。

$('.emailInput').blur(function() {
    var nonEmpty = $('.emailInput').filter(function() {
        return $.trim(this.value) != '';
    });
    if(nonEmpty.length > 0) {
        // do something
    }
});

您还可以使用

设置实时处理程序
$('.emailInput').live('blur', function() ..

因此,在插入新输入时,您无需继续绑定模糊事件。最初只做一次,它将处理所有动态插入的文本框。

答案 1 :(得分:0)

通过向框的构造函数添加onblur事件:

的onblur = “JavaScript的:checkEmails();”