javascript - jquery 使用 html5 模式验证

Question

如何使 jQuery 验证/支持 HTML 5 模式？如果它没有在每个字段上指定模式，那就太好了。

我知道我可以做到这一点(如下)，但有更好的方法吗？

$("form").validate({
  rules: {
    "password": {
      pattern: /[A-Za-z0-9\w]{4,20}/,
    }
  }
});

参见 Fiddle http://jsfiddle.net/2ma8ec6j/

Answer 1

引用:

"How do i make jQuery validate/support an HTML 5 pattern?"

它已经做到了。见下文

"It would be great if it did without specifying the pattern on each field."

如果您不在某个地方指定它，它如何知道哪个模式进入哪个字段？

---

"...is there better way?"

您可以通过内联 HTML 属性声明一些规则。但是，您可以通过 .validate() 或 .rules() 中的 rules 选项声明所有 规则方法。

我不知道这是否“更好”，因为这纯粹是一个意见问题，但只要您包括 additional-methods.js或者 pattern.js文件，jQuery Validate 插件将拾取并使用 HTML5 pattern 属性。

<input type="text" name="somename" pattern="[A-Za-z0-9\w]{4,20}" />

演示:http://jsfiddle.net/fLxgz9dn/

参见:https://github.com/jzaefferer/jquery-validation/issues/785