jQuery 验证 HTML5 中的正则表达式

Question

我正在使用 jQuery validate验证前端表单。理想情况下，我希望从输入字段的 HTML5 pattern 属性中获取正则表达式。

我有一个使用以下代码的工作版本:

function isUKPostcode(value){
  return /^([A-PR-UWYZ0-9][A-HK-Y0-9][AEHMNPRTVXY0-9]?[ABEHMNPRVWXY0-9]? {1,2}[0-9][ABD-HJLN-UW-Z]{2}|GIR 0AA)$/.test(value);
}

$.validator.addMethod("postcode", function(value, element){
  return this.optional(element) || isUKPostcode(value);
}, "Please enter a valid UK postcode");

但理想情况下，我想简单地设置它:

<input id="Inputfield_user_first_name" class="postcode" name="user_first_name" type="text" maxlength="60" pattern="([A-PR-UWYZ0-9][A-HK-Y0-9][AEHMNPRTVXY0-9]?[ABEHMNPRVWXY0-9]? {1,2}[0-9][ABD-HJLN-UW-Z]{2}|GIR 0AA)">

与 $.validate() 自动获取 required 和 maxlength 等属性的方式相同

有人知道这是否可行吗？

Answer 1

无需编写自定义方法。

您只需要包含 the additional-methods.js file .它包括 pattern 方法，该方法将自动获取 HTML5 pattern 属性。