Jquery驗證如果複選框選中文本框得到class =「表單輸入驗證需要」

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> 

如果複選框被選中，文本應該得到類= 「所需的表單輸入驗證」。

我該怎麼做？

Answer 1

添加「需要」關鍵字你的元素：

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

Answer 2

可以使用取決於

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

演示：Fiddle