jQuery验证电子邮件规则

Question

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

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

在此输入字段中，如果我们输入＆＃34; test @＆＃34;我们得到了验证错误。但是如果我们进入＆＃34; test @ teste＆＃34;该插件显示的是有效的电子邮件。

如果只有有效的电子邮件，我如何验证此字段？

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

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

Email validation using jQuery

Answer 3

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

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');

并使用＆＃34; emailExt＆＃34;而不是＆＃34;电子邮件＆＃34;：

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