Question

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

我有以下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

Answer 2

在元素中添加“required”关键字：

<input type="text" name="validate-me" required />

Jquery验证如果复选框选中文本框得到class =“form-input validate required”

2 个答案: