javascript - 如果复选框选中文本框则获取类 ="form-input validate required"，则 Jquery 验证

Question

我使用 Jquery Validation 来验证我的表单。

我有以下 HTML 表单:

<form id="caller">
    <label>Phone:</label>
<input type="text" name="phone" id="phonen" class="form-input" value="" />

    <div class="option-group check">
    <input type="checkbox" name="check1" id="check1"  value="1"  />
<label for="check1"><p>Need a call</p></label>          
</div></form>

Javascript 代码:

<script type="text/javascript">
 $(document).ready(function(e) {
     $('#caller').validate({
        errorPlacement: function(error, element){}
    });
    });
 </script>

如果选中该复选框，文本应为 class="form-input validate required"。

我该怎么做？

Answer 1

您可以使用依赖

$('#caller').validate({
    rules:{
        phone:{
            required: {
                depends: function(){
                    return $('#check1').is(':checked')
                }
            }
        }
    }
});

演示:Fiddle