如何使用 jquery 验证输入字段的更改？

Question

我有一个 input 字段：

<input type="text" name="notifyEmail" id="parametersEmail" value="" size=40 />

我有一大块 jquery 代码，当我点击选项卡或以其他方式离开该字段时，它会调用验证例程：

$("#parametersEmail").blur(function(event) {
    validateParameterEmail();
});

我想做的是运行 每当输入字段的值或内容发生更改时，都会调用 validateParameterEmail() 函数。

所以我随后也尝试了 .change() 处理程序：

$("#parametersEmail").change(function(event) {
    validateParameterEmail();
});

但是当我更改 parametersEmail 的内容时，该处理程序不会调用验证函数。

我应该使用另一个处理程序吗？或者我可以不将多个事件处理程序附加到输入字段吗？

Answer 1

（近 2017 年的现实）

最好的方法是在所有有关输入值更改的需要事件上设置一次回调。

有：

• keyup ：用户在输入中键入了一些内容
• 更改：有关输入中存储更改的常见已知方法
• 单击：某些输入也通过鼠标进行更改
• 粘贴：是的！ Ctrl+V、Crtl+Ins、RightMouseButton+Paste 也可以更改输入值
• propertychange ：当某些 JS 以任何方式更改我们的输入时，此事件将触发
• input ：支持所有现代浏览器的新标准事件，也使用它

所以，我们可以将它们全部设置一次：

$("#parametersEmail").bind("propertychange change click keyup input paste", function(event) {
    validateParameterEmail();
});

希望这对某人有帮助。 ;)

Answer 2

更改是指当您单击离开/移离输入时。您可能正在寻找onKeyUp()。

Answer 3

尝试 $("#parametersEmail").keydown(function(event) {})

Answer 4

试试这个：

$("#parametersEmail").bind('blur', function(event) {} );

和

$("#parametersEmail").bind('keyup', function(event) {} );