如何使用jQuery Validate插件验证电子邮件

Question

在某些情况下，jQuery Validate plugin对于电子邮件验证并不完美。 “abc@test.c”（单字母后缀）和“중국어@ test.com”（非字母数字）作为有效的电子邮件地址传递。

如何使用jQuery Validate插件过滤这两个无效的电子邮件地址？

Answer 1

As per the documentation，您需要构建自己的自定义方法。

添加自定义验证方法。它必须包含一个名称（必须是一个 合法的JavaScript标识符），一个基于javascript的函数和一个默认字符串消息。

参数：

名;字符串用于标识和引用它的方法的名称必须是有效的javascript标识符

方法;回调实际的方法实现，如果元素有效则返回true。第一个参数：当前值。第二个 参数：已验证的元素。第三个参数：参数。

message（可选）;字符串，功能要为此方法显示的默认消息。可以是由 jQuery.validator.format（value）创建的函数。如果未定义，则使用已有的 消息（便于本地化），否则必须定义消息必须定义的字段特定消息 。

---

下面是一个自定义method我叫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 
    } 
} 

Answer 2

下面是使用remote:我的解决方案：

$("#myForm").validate({ 
    rules: { 
     femail: { 
      required: true, 
      email: true, 
      remote: "lib/ajax/checkEmail.php" 
     } 
    }, 
    messages: { 
     femail: { 
      required: 'Please input email', 
      email: 'Please input valid email', 
      remote: 'This email is duplicated/invalid, please re-input an email' 
     } 
    }, 
    submitHandler: function(form) { 
     form.submit(); 
    } 
}); 

在checkEmail.php，它实现了额外的逻辑来验证特殊情况，那么至少呼应要么true或false的回报。

希望它有帮助。