jQuery 验证电子邮件规则

Question

使用这个简单的电子邮件规则：

$("#loginCliente").validate({
    rules: {
        loginNomEmail: { required: true, email: true },
    }
});

在此输入字段中，如果我们输入“test@”，则会收到验证错误。但如果我们输入“test@teste”，插件就会显示这是一封有效的电子邮件。

只有当它是有效的电子邮件时，我才能验证此字段？

Answer 1

我之前遇到过同样的问题，我认为在这样的规则中添加一个 reg exp 可能会有所帮助

// this function is to accept only email
    jQuery.validator.addMethod("accept", function(value, element, param) {
        return value.match(new RegExp("^" + param + "$"));
    },'please enter a valid email');

在你的规则中你可以添加这个

$("#loginCliente").validate({
    rules: {
        loginNomEmail: { required: true,
                         email: true,
                         accept:"[A-Z0-9._%+-]+@[A-Z0-9.-]+\.[A-Z]{2,}" },
    }
});

Answer 2

您可以将自己的方法添加到验证器：

jQuery.validator.addMethod("emailExt", function(value, element, param) {
    return value.match(/^[a-zA-Z0-9_\.%\+\-]+@[a-zA-Z0-9\.\-]+\.[a-zA-Z]{2,}$/);
},'Your E-mail is wrong');

并使用“emailExt”而不是“email”：

$("#loginCliente").validate({
    rules: {
        loginNomEmail: { 
            required: true,
            emailExt: true
        }
    }
});

Answer 3

认为这里已经回答了几次，但这里有一个链接。本质上只是使用带有正则表达式的常规旧 javascript 函数。

Email validation using jQuery