Reset validation if disabled
HTML
<script src="http://jquery.bassistance.de/validate/jquery.validate.js"></script>
<div>
<form>
<input type="checkbox" id="checkBox1" checked />
<label for="checkBox1">Show/Hide</label>
<input type="text" name="inputA" />
<br />
<input type="checkbox" id="checkBox2" checked />
<label for="checkBox2">Show/Hide</label>
<input type="text" name="inputB" />
<br />
<input type="submit" name="submit" value="Submit" />
<br />
</form>
</div>
JavaScript
$('#checkBox1').change(function(){
$('input[name="inputA"]').toggle($(this).prop('checked'));
});
$('#checkBox2').change(function(){
$('input[name="inputB"]').toggle($(this).prop('checked'));
});
$('form').validate({
submitHandler: function (form) {
alert('Valid');
},
rules: {
inputA: 'required',
inputB: {
required: true,
email: true
}
}
});