jquery验证插件，指定规则答案

【问题标题】：jquery validation plugin, specify rulesjquery验证插件，指定规则
【发布时间】：2009-12-13 10:42:35
【问题描述】：

我找到了 jquery 验证插件 (http://plugins.jquery.com/project/validate)，并认为这是在客户端验证我的表单的好方法。（我也在做服务器端验证）。该插件希望我为类标签中的每个字段指定验证规则。我正在使用我的类标签来设置我的字段样式，我可以通过其他方式指定规则吗？

例如，如果我希望该字段是必需的，这就是 jquery 插件希望我写的方式：

<input type="text" id="MyText" class="required" />

我真的很想在另一个标签中指定规则，例如：

<input type="text" id="MyText" class="TextStyle" validation="required" />

这可能吗？如果可以，怎么做？

【问题讨论】：

您为什么要这样做？ DTD 中没有validation 属性。您的 HTML 无效。
是的，我知道，这只是一个示例，我不想将规则与 css 类一起发送，但 Agos 表明您可以使用许多类，因此效果很好。谢谢！

标签： jquery validation jquery-plugins

【解决方案1】：

您可以为元素指定多个类，用空格分隔它们：

<input type="text" id="MyText" class="TextStyle required"/>

这样你就有了样式和验证。

【讨论】：

【解决方案2】：

恕我直言，最好让验证规则远离 HTML：

$('#someForm').validate({
    rules: {
        MyText: {
            required: true
        }
    },
    messages: {
        MyText: {
            required: 'Please fill the MyText field'
        }
    }
});

只要有：

<input type="text" name="MyText" id="MyText" />

【讨论】：