Jquery validation if checkbox checked text box得到class＝“”;表单输

Jquery validation if checkbox checked text box gets class="form-input validate required"

本文关键字：表单 class 得到 if validation checkbox checked box text Jquery      更新时间：2023-09-26

我使用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="表单输入验证必需"。

我该怎么做？

您可以使用依赖的

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

演示：Fiddle

在元素中添加"required"关键字：

<input type="text" name="validate-me" required />
相关文章：