如何在 jQuery 验证中传递自定义正则表达式

在使用 jQuery 进行表单验证时，经常需要使用正则表达式来匹配输入内容，以达到验证的目的。jQuery 提供了一些常见的验证方法，如 email、url、number 等，但如果需要使用自定义正则表达式进行验证，该如何传递呢？本文将介绍几种方法。

直接传递正则表达式

jQuery 的 validate() 方法接受一个参数，用于设置验证规则。该参数可以是一个对象，也可以是一个函数。对象方式设置规则时，可以使用 rules 属性来设置某个元素的验证规则，使用 messages 属性来设置验证失败时的提示信息。示例代码如下：

$("form").validate({
  rules: {
    name: {
      required: true,
      pattern: /^[A-Za-z]+$/
    }
  },
  messages: {
    name: {
      required: "请输入姓名",
      pattern: "姓名只能包含英文字母"
    }
  }
});

上面的代码中，我们在 rules 属性中为 name 元素设置了两个验证规则：required 和 pattern。其中，pattern 规则使用了一个自定义的正则表达式。

使用 addMethod 方法

除了直接传递正则表达式外，还可以使用 addMethod 方法来添加自定义的验证规则。该方法接受两个参数：规则名称和判断函数。示例代码如下：

$.validator.addMethod("username", function(value, element) {
  return /^[A-Za-z]+$/.test(value);
}, "用户名只能包含英文字母");

上面的代码中，我们添加了一个名为 username 的验证规则，使用了一个自定义的正则表达式。判断函数接受两个参数：值和元素对象。该函数返回布尔值，表示验证是否通过。如果验证失败，可以在最后一个参数中设置提示信息。

添加自定义规则之后，就可以在 rules 属性中使用该规则。示例代码如下：

$("form").validate({
  rules: {
    name: {
      required: true,
      username: true
    }
  },
  messages: {
    name: {
      required: "请输入用户名",
      username: "用户名只能包含英文字母"
    }
  }
});

使用 setDefaults 方法

如果在多处使用同一个正则表达式，可以使用 setDefaults 方法进行全局设置。该方法在 validate() 方法之前调用。示例代码如下：

$.validator.setDefaults({
  rules: {
    username: {
      required: true,
      pattern: /^[A-Za-z]+$/
    }
  },
  messages: {
    username: {
      required: "请输入用户名",
      pattern: "用户名只能包含英文字母"
    }
  }
});

$("form").validate();

上面的代码中，我们使用 setDefaults 方法设置了一个名为 username 的规则，并在 validate 方法中应用了这个规则。这样可以避免在多处重复设置同一个规则。

总结

本文介绍了三种方法，在 jQuery 表单验证中传递自定义正则表达式。如果只需要使用一次，可以直接传递正则表达式；如果要在多处使用，可以使用 addMethod 方法添加自定义规则；如果需要全局设置，则可以使用 setDefaults 方法。