jQuery.validate和类进行验证

问题描述

| 是否可以使用jQuery.validate验证表单中的整个元素类？我知道您可以按名称为元素分配规则，但是也可以按类别选择这些元素吗？我的网站上有一个表单，除了

required

规则外不需要任何其他内容，而且必须键入每个字段都很麻烦，尤其是在处理

messages

对象时！ 这是我的代码：

<div id=\"al_address\" class=\"al_account-settings left\">
<h2 class=\"gold alternate1\">ADD A NEW ADDRESS</h2>
<form method=\"POST\" action=\"#\" >
    <table>
        <tr>
            <th><label for=\"name\">* address name</label></th>
            <td><input type=\"text\" class=\"al_required\" name=\"name\"></td>
        </tr>
        <tr>
            <th><label for=\"first_name\">* first name</label></th>
            <td><input type=\"text\" class=\"al_required\" name=\"firstName\"></td>
        </tr>
        <tr>
            <th><label for=\"last_name\">* last name</label></th>
            <td><input type=\"text\" class=\"al_required\" name=\"lastName\"></td>
        </tr>
        <tr>
            <th><label for=\"address1\">* street address</label></th>
            <td><input type=\"text\" class=\"al_required\" name=\"address1\"></td>
        </tr>
        <tr>
            <th><label for=\"address2\">address 2</label></th>
            <td><input type=\"text\" name=\"address2\"></td>
        </tr>
        <tr>
            <th><label for=\"zip\">* zip</label></th>
            <td><input type=\"text\" name=\"zip\" class=\"al_required\"></td>
        </tr>
        <tr>
            <th><label for=\"city\">* city</label></th>
            <td><input type=\"text\" class=\"al_required\" name=\"city\"></td>
        </tr>
        <tr>
            <th><label for=\"state\">* state</label></th>
            <td>
                <select name=\"state\" class=\"al_required\">
                    <option value=\"\">Select a State</option>
                </select>
            </td>
        </tr>
        <tr>
            <th><label for=\"country\">* country</label></th>
            <td>
                <select name=\"country\" class=\"al_required\">
                    <option value=\"US\">United States</option>
                </select>
            </td>
        </tr>
        <tr>
            <td colspan=\"2\" class=\"al_buttons\">
                <button type=\"reset\">CANCEL</button>
                <button type=\"submit\" class=\"last\">ADD</button>
            </td>
        </tr>
    </table>
</form>
<script type=\"text/javascript\" charset=\"utf-8\">
    $(\'#al_address form\').validate({
        rules: {
            name: \'required\',first_name: \'required\',last_name: \'required\',address1: \'required\',zip: \'required\',city: \'required\',state: \'required\',country: \'required\'
        },messages: {
            name: \'- required fields were left blank.\'
        }
    });
</script>

就目前而言，这将显示

name

的正确信息，但仅此而已。使用jQuery.validate是否可以仅在类上设置\'required \'规则，并在

messages

中使用该类引用来为表单中的必填字段显示统一消息？     

解决方法

        插件为此提供了一种方法，请参阅此文档。然后，您可以执行以下操作：

$(\".myClass\").rules(\"add\",{
 required:true
});

在这里找到更多的方法和选项。     ,        您可以为每个控件添加class = \“ required \”以获取所需的字段验证，即

<tr>
    <th><label for=\"name\">* address name</label></th>
    <td><input type=\"text\" class=\"required\" name=\"name\"></td>
</tr>

<script type=\"text/javascript\" charset=\"utf-8\">
    $(\'#al_address form\').validate({

    });
</script>