在jQuery Validate插件的示例中，我看到了三种不同的声明验证规则的方法：
CSS类 – 例如< input type =“text”name =“whatever”class =“required”/>
属性 – 例如< input type =“text”name =“whatever”required />
> JS代码 – 例如$(“#myForm”)。validate({rules：{whatever：“required”，…}});
但是，我在文档中没有看到任何解释为什么你会使用另一个。我也不会看到如何使用每种方法使用validation methods的解释(例如，如何使用“max(value)”方法与tag属性或css类？)。
解决方法
您可以通过数据规则属性应用规则。这是最简单的方式，也可能是维护一个干净的代码的最佳方式…
例：
<form id="myform">
<input type="text" name="email" data-rule-required="true" data-rule-email="true">
<input type="text" name="password" id="password" data-rule-required="true" data-rule-minlength="6">
<input type="text" name="password-confirm" data-rule-required="true" data-rule-minlength="6" data-rule-equalto="#password">
</form>
甚至可以通过数据属性提供消息：
<input id="cemail" name="email" data-rule-required="true" data-rule-email="true" data-msg-email="Please enter a valid email address" />
在JavaScript中只需调用：
$('#myform').validate();
