在某些情况下 jQuery Validate plugin对于电子邮件验证来说并不完美。 “abc@test.c”(单字母后缀)和“중국어@test.com”(非字母数字)作为有效的电子邮件地址传递。
如何使用 jQuery Validate 插件过滤这两个无效的电子邮件地址?
最佳答案
As per the documentation ,您需要构建自己的自定义方法。
<小时/>Add a custom validation method. It must consist of a name (must be a legal javascript identifier), a javascript based function and a default string message.
Arguments:
name; String The name of the method, used to identify and referencing it, must be a valid javascript identifier
method; Callback The actual method implementation, returning true if an element is valid. First argument: Current value. Second argument: Validated element. Third argument: Parameters.
message (Optional); String, Function The default message to display for this method. Can be a function created by jQuery.validator.format(value). When undefined, an already existing message is used (handy for localization), otherwise the field-specific messages have to be defined.
以下是一个自定义方法
,我将其命名为newemail
。现在,它只是使用默认功能进行“电子邮件”验证。只需编辑此函数中的正则表达式即可满足您的特定需求。
jQuery.validator.addMethod("newemail", function(value, element) {
// contributed by Scott Gonzalez: http://projects.scottsplayground.com/email_address_validation/
return this.optional(element) || /^((([a-z]|\d|[!#\$%&'\*\+\-\/=\?\^_`{\|}~]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+(\.([a-z]|\d|[!#\$%&'\*\+\-\/=\?\^_`{\|}~]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+)*)|((\x22)((((\x20|\x09)*(\x0d\x0a))?(\x20|\x09)+)?(([\x01-\x08\x0b\x0c\x0e-\x1f\x7f]|\x21|[\x23-\x5b]|[\x5d-\x7e]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(\\([\x01-\x09\x0b\x0c\x0d-\x7f]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]))))*(((\x20|\x09)*(\x0d\x0a))?(\x20|\x09)+)?(\x22)))@((([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.)+(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))$/i.test(value);
}, "Please enter a valid email address");
然后在 .validate()
中使用它,就像使用任何其他规则一样。
rules: {
InputName: {
required: true,
newemail: true
}
}
关于javascript - 如何使用 jQuery Validate 插件验证电子邮件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11449077/