jquery - 输入 jquery 时进行验证

Question

我有这个 jQuery 代码，用于在用户键入时验证电子邮件输入:

$('#email').keyup(function() {
    if (!isValidEmailAddress(email)) {
        $('#validate').removeClass();
    } else {
        $('#validate').removeClass();
        $('#validate').addClass('validate');
    }
});​

但是，如果用户键入“Da”时，浏览器会识别电子邮件并在下拉列表中显示一个选项来完成它，例如“daniel@gmail.com”，那么我可以在 jQuery 中使用什么事件当用户单击该下拉选项或单击 Enter 选择它时甚至可以验证它的代码...

提前致谢

Answer 1

如果您使用 jquery 1.7+ 绑定(bind) keyup 并使用相同的方法更改事件:

$("#email").on("change keyup", function() {
    $('#validate').toggleClass('validate', isValidEmailAddress(this.value));
});

你可以缩短你的代码，如果电子邮件有效，你只想添加 css 类“validate”(我认为 #email 是一个输入表单，你想验证它的值)。

请记住，jQuery 对象返回您查找的集合，因此将 $('validate') 保存到变量并使用该变量，而不是让 jquery 一遍又一遍地查找元素(最多在您的代码中出现几次)。

如果您使用旧版本的 jQuery，只需更改为 bind