jquery 使用 html5 模式进行验证

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

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

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

参见小提琴http://jsfiddle.net/2ma8ec6j/ http://jsfiddle.net/2ma8ec6j/

Quote:

“如何让 jQuery 验证/支持 HTML 5 模式？”

已经是这样了。见下文

“如果不指定每个字段的模式，那就太好了。”

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

“……还有更好的办法吗？”

您可以声明some通过内联 HTML 属性进行规则。但是，您可以声明all规则通过rules选项内.validate() or the .rules() method.

我不知道这是否“更好”，因为这纯粹是一个意见问题，但只要你包括additional-methods.js http://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.0/additional-methods.js OR the pattern.js https://github.com/jzaefferer/jquery-validation/blob/master/src/additional/pattern.js文件中，jQuery Validate 插件将拾取并使用 HTML5pattern属性。

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

DEMO: http://jsfiddle.net/fLxgz9dn/ http://jsfiddle.net/fLxgz9dn/

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