Question

我正在尝试使用JQuery validate插件来验证我拥有的不同复选框组，并使用errorLabelContainer选项将错误消息发送到特定范围。

它实际上正在工作，但是我无法对错误消息进行分组。当我单击保存按钮时，我得到了错误的错误消息。通过删除组，我会收到多个错误消息。

我需要该错误仅在未选中复选框的tr上显示。

我还需要每个复选框只能标记一个选项。我正在考虑在选择另一个时删除tr中所有其他复选框的标志。有更好的方法吗？

代码

<form class="attendance-form-validation" method="POST" action="">

<h2 class="page-title validate-page">FLAG ONE FOR EACH ROW</h2>
<table class="check-attendance">
  <tr>
    <th class="name-student"><span class="errorTxt"></span>Name surname</th>
    <th><input type="checkbox" name="checkboxGroup1" value="1"/></th>
    <th><input type="checkbox" name="checkboxGroup1" value="0"/></th>
  </tr>
  <tr>
    <th class="name-student"><span class="errorTxt"></span>Name2 Surname2</th>
    <th><input type="checkbox" name="checkboxGroup2" value="1"/></th>
    <th><input type="checkbox" name="checkboxGroup2" value="0"/></th>
  </tr>
</table>
<input type="submit" value="SAVE"/>     
</form>


    
    $(document).ready(function () {
        $('.attendance-form-validation').validate({
            rules: {
                checkboxGroup1: {
                    required: true
                },
                checkboxGroup2: {
                    required: true
                }
            },
            messages: {
                checkboxGroup1: {
                    required: "FLAG ONE OPTION"
                },
                checkboxGroup2: {
                    required: "FLAG ONE OPTION"
                }
            },
            groups: {
                checkboxes: "checkboxGroup1 checkboxGroup2"
            },
            errorLabelContainer: '.errorTxt' 
        });
    });

您知道如何解决此问题吗？预先谢谢你：）

使用jQuery验证不同的复选框组

0 个答案: