如何从相同的表单元素中逃避Jquery表单验证?

时间:2015-04-30 03:36:58

标签: javascript jquery jquery-validate

我想使用表单验证来验证所有表单元素,但如果选中一个复选框,我想要转义其中一个。

HTML

<form id="reg_form">
       <div class="control-group">
        <div class="control">
           <label class="control-label"  for="sex"> Male </label>
              <?PHP echo form_checkbox('sex', 1, '', 'class="example"') ?>
           <label class="control-label"  for="sex"> Female </label>
              <?PHP echo form_checkbox('sex', 2, '', 'class="example"') ?>
        </div>       
    </div>      
   </form>

Jquery Valition

$(document).ready(function(){
     $("#reg_form").validate({
          rules:{
                sex:{
                    required:true,
                   }
          },messages:{
                sex:"Please select sex "
                   }
      })
})

由于

1 个答案:

答案 0 :(得分:3)

当用户只选择一个选项时,您应该使用无线电组或非多个select元素而不是几个复选框。这也解决了验证问题。