Jquery Validator为复选框添加方法验证

Jquery Validator Add Method validation for checkbox

本文关键字：方法 验证 添加 复选框 Validator Jquery      更新时间：2023-09-26

如何将这样的函数添加到jQuery.validator.addMethod:

if (theForm.chk_ccd.checked            &&
   (! theForm.chk_ccd_pos [0].checked) &&
   (! theForm.chk_ccd_pos [1].checked) &&
   (! theForm.chk_ccd_pos [2].checked))
{
  window.alert ('Please select data from the '"CCD Position'" field.');
  theForm.chk_ccd_pos [0].focus ();
  return;
}

和这里的validate函数:

function ActionAdd (theForm)
    {
        $("#form").validate
        ({
            rules:
            {
                de_no: "required",
                de_name: "required",
                product_name: "required",
                plabel_no: "required",
            },
            messages:
            {
                de_no: "<div class='error'>Please provide Part No.</div>",
                de_name: "<div class='error'>Please provide Model Name</div>",
                product_name: "<div class='error'>Please provide Product Name</div>",
                plabel_no: "<div class='error'>Please provide Part No. (Pack Label)</div>",
            }
        });
    }

谁来帮帮我，我被那个箱子难住了。由于

下面是一个示例

<form id="myForm" action="">
<br />check 1?
<input type="checkbox" id="check0" name="check0" class="chkgroup"/>
<br />check 2?
<input type="checkbox" id="check1" name="check1" class="chkgroup"/>
<br />check 3?
<input type="checkbox" id="check2" name="check2" class="chkgroup"/>
<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'],
            },
        },
        messages: {
            check0:{
                checkboxCheck: "check your checkbox",
            },
        },
        submitHandler: function(form) {
            // ajax goes here
            alert("valid form");
            return false;
        }
    });
});
相关文章：