使用最小限制验证jquery中的复选框

时间:2014-03-24 05:30:54

标签: jquery jquery-validate

如何使用最小选择限制验证jquery中的复选框。我使用jquery插件进行表单验证,通过传递字段名称来验证字段。

jQuery('#myform').validate({

        rules: {
          checkbox_name: {
            required: true
          }


 });

现在如何在此标准中应用最低选择限制?

1 个答案:

答案 0 :(得分:1)

required规则是至少需要一个复选框所需的全部内容。

你的工作没有成功,因为你错过了.valdiate() ...

中的右括号
$('#myform').validate({
     rules: {
         checkbox_name: {
             required: true
         }
     } // <- this bracket was missing
 });

简单的DEMO,使得该组中的一个复选框成为必需...

DEMO:http://jsfiddle.net/gh96s/


如果您要求选择该组中至少X个复选框,请使用minlength规则。 (您也可以使用maxlengthrangelength规则)

$(document).ready(function () {

    $('#myform').validate({
        rules: {
            checkbox_name: {
               required: true,
               minlength: 2  // at least two checkboxes are required
               // maxlength: 4 // less than 5 checkboxes are required
               // rangelength: [2,4] // must select 2, 3, or 4 checkboxes
            }
        }
    });

});

工作演示:http://jsfiddle.net/gh96s/2/