jQuery 表单验证，仅允许 .EDU 电子邮件地址

Question

我正在使用位于此处的 jquery 验证函数和插件。 http://docs.jquery.com/Plugins/Validation

我正在检查 js 文件，并且找到了电子邮件验证 block ，以确保它是有效的电子邮件，问题是，我只想允许 .edu 电子邮件。我不知道从哪里开始。

Answer 1

您可以扩展它并添加您自己的规则。

jQuery.validator.addMethod("edu", function(value, element) {
  // Make it work optionally OR
  //  Check the last 4 characters and ensure they match .edu
  return (this.optional(element) || value.slice(-4) == ".edu"); 
}, "You must use a .edu email address");

$("#myform").validate({
  rules: {
    field: {
      required: true,
      email: true,
      edu: true
    }
  }
});

这是一个jsfiddle展示它们如何协同工作以及错误如何级联。只需按下按钮即可。