对于每个条目进入文本框,将使用jquery弹出警报

时间:2010-10-13 19:02:04

标签: jquery

对于每个输入或文本框中的每个条目,我希望触发警报

<input type="text" id="val_xml" class="val_xml1" maxlength="3" size="2"/>


$('#val_xml').bind('change',function() {
    var v = $('#val_xml').val();
    alert(v);
});

由于 让

5 个答案:

答案 0 :(得分:2)

您的代码似乎有效。

确保包含doc ready / Script标签等。如果您希望在输入最大字符数后自动提醒

​$(function() {
    $('#val_xml').bind('change',function() {            
        alert(this.value);

        // These alerts can get annoying. If you are done with it, unbind it:
        // $(this).unbind(arguments[0]); // <== would unbind this alert
     });

      // Check if max chars entered at each keyup
    $(document).keyup(function() {
        var $valXML = $("#val_xml");
        if ($valXML.val().length >= $valXML.attr("maxlength") )
            $valXML.trigger("change");
    });
});​

Try it out with this jsFiddle


以上为每个“条目”发出一个警报。这意味着通过模糊,按 enter 或输入3个字符(最大值)来触发警报。

请注意,每次编写$('#val_xml')时都会创建一个新的jQuery对象。因此,在您的代码中,您将创建两次完全相同的jQuery对象。此外,不需要使用jQuery方法来访问DOM元素的value属性,这就是我使用this.value的原因。

<强>参考文献:
.attr()
.keyup()
.trigger()

答案 1 :(得分:0)

$('#val_xml').bind('change keyup',function() {
    var v = $(this).val();
    alert(v);
});

答案 2 :(得分:0)

http://api.jquery.com/keyup/和.focus()如果您想要“每次进入或每个条目”

答案 3 :(得分:0)

对于文本框,change事件为only fired when the element loses focus。如果您希望每次添加新字符时执行此功能,请绑定到keypress事件而不是change

也可以使用

keydownkeyup,但请注意,即使用户按住键以便添加多个字符,这些也只会触发一次。 keypress会为每个添加的角色触发一次。

答案 4 :(得分:0)

使用keyup事件。

$('#val_xml').keyup(function() {
    var v = $('#val_xml').val();
    alert(v);
});