jQuery插件form-validation-engine正则表达式操作示例

以下是对jQuery插件form-validation-engine正则表达式操作的详细攻略。

简介

form-validation-engine是一个jQuery表单验证插件，支持很多种类型的验证，并且可以自定义验证规则。其中，正则表达式是一种非常常用且强大的验证方式。

在本篇攻略中，我们将通过两个示例说明如何使用正则表达式在form-validation-engine中进行表单验证。

正则表达式示例1 - 验证中文姓名

中文姓名一般由两个汉字组成，但也有人名字只有一个汉字或三个以上汉字。在此我们可以选取一个限制，那就是限制姓名字数为2-4个汉字。

下面是输入框的HTML代码：

<input type="text" name="cname" id="cname" class="validate[required,custom[chineseName]]" />

其中validate[required,custom[chineseName]]表示该输入框必填且必须输入中文姓名。而custom[chineseName]就是我们自定义的验证规则，会用到正则表达式。

接下来，我们需要在form-validation-engine的自定义规则中添加chineseName的验证规则。代码如下：

jQuery.validator.addMethod("chineseName", function(value, element) {
  var chineseName = /^[\u4e00-\u9fa5]{2,4}$/;
  return this.optional(element) || (chineseName.test(value));
}, "请输入正确的中文姓名（2-4个汉字）");

上述代码中，首先我们使用了jQuery的addMethod方法来定义一个新的验证规则，名为"chineseName"。然后定义了一个正则表达式chineseName，用于匹配输入的中文姓名（2-4个汉字）。最后，我们返回了验证结果以及错误信息，以供form-validation-engine进行提示。

在form-validation-engine中，如果用户输入的中文姓名不符合上述要求，则将显示"请输入正确的中文姓名（2-4个汉字）"的错误信息。

正则表达式示例2 - 验证手机号码

手机号码是一个非常常用的输入项，因此在表单验证中，也特别常用到对手机号码的限制。

在本示例中，我们要验证用户输入的手机号码是否合法。手机号码的规则可以归纳为：中国大陆手机号码11位，其中1-2位为中国大陆国家代码，第3位为移动、联通、电信运营商编号，后面为8位数字。

在form-validation-engine中，我们可以通过正则表达式方法实现对手机号码的验证。代码如下：

jQuery.validator.addMethod("mobilePhone", function(value, element) {
  var mobilePhone = /^(\+86) ?1[3-9]\d{9}$/;
  return this.optional(element) || (mobilePhone.test(value));
}, "请输入正确的11位中国大陆手机号码");

上述代码中，首先我们使用了jQuery的addMethod方法来定义一个新的验证规则，名为"mobilePhone"。然后定义了一个正则表达式mobilePhone，用于匹配输入的手机号码。其中，/^(+86) ?/表示可输入+86，随后是1-9的数字，后面必须是9个数字。最后，我们返回了验证结果以及错误信息，以供form-validation-engine进行提示。

在form-validation-engine中，如果用户输入的手机号码不符合上述要求，则将显示"请输入正确的11位中国大陆手机号码"的错误信息。

总结

在进行表单验证时，正则表达式是一个非常强大的验证方式。form-validation-engine插件提供了非常方便的自定义规则功能，加入正则表达式的验证规则非常简单，只需要通过jQuery的addMethod方法即可实现。

对于表单验证，我们还需注意一些安全性问题，比如防止SQL注入等。建议在编写验证规则时，对于敏感字符进行转义或限制输入类型，以保证验证的安全性。