0

複数のチェックボックスのセットがあります。

チェックボックスの各セットの最後にエラー メッセージを配置するにはどうすればよいですか。

このコード実装は、最初の要素の直後にメッセージを配置します

フィドル

<form id="myForm" action="">

<input type="checkbox" id="check0" name="check0" class="chkgroup"/>
Set 1 check 1?
<br />
<input type="checkbox" id="check1" name="check1" class="chkgroup"/>
Set 1 check 2?
<br />
 <input type="checkbox" id="check2" name="check2" class="chkgroup"/>
Set 1 check 3?
<br />
<br />
<input type="checkbox" id="check3" name="check3" class="chkgroup2"/>
Set 2 check 1?
<br /><input type="checkbox" id="check4" name="check4" class="chkgroup2"/>
Set 2 check 2?
<br /><input type="checkbox" id="check5" name="check5" class="chkgroup2"/>
Set 2 check 3?
<br /><input type="submit" />

カスタムメソッドは、チェックボックスを検証するために使用されます

$(function () {
    jQuery.validator.addMethod("checkboxCheck", function(value, element,params) {
            return $(params[0]+':checked').length > 0;
    });
    $("#myForm").validate({

        rules: {
            check0:{
                checkboxCheck:['.chkgroup'],
            },
            check3:{
                checkboxCheck:['.chkgroup2'],
            },
        },
        messages: {
            check0:{
                checkboxCheck: "check your checkbox",
            },
            check3:{
                checkboxCheck: "check your checkbox",
            },
        },
        submitHandler: function(form) {
            // ajax goes here
            alert("valid form");
            return false;
        }
    });

});
4

1 に答える 1