Comment supprimer une classe de validation à l'aide de jquery?

Question

J'ai quelques options pour le prix en utilisant des boutons radio. Lorsqu'un utilisateur sélectionne le bouton radio sans valeur, mon formulaire de case à cocher ne doit pas être validé. voici mon code:

Options:

<input type="radio" name="pricing_option_rect" id="pricing_imp_rect1" checked="checked" value="100">100 
<input type="radio" name="pricing_option_rect" id="pricing_imp_rect2" value="200">200 
<input type="radio" name="pricing_option_rect" id="pricing_imp_rect3" value="300">300 
<input type="radio" name="pricing_option_rect" id="pricing_imp_rect4" value="0" />0 

Checkboxes:

<input type="checkbox" value="check1" name="rectcat[]" class="{validate:{required:true, minlength:1, maxlength:5}}" />One 
<input type="checkbox" value="check2" name="rectcat[]" />Two 
<input type="checkbox" value="check3" name="rectcat[]" />Three 
<input type="checkbox" value="check4" name="rectcat[]" />Four 
<input type="checkbox" value="check5" name="rectcat[]" />Five 
<input type="checkbox" value="check6" name="rectcat[]" />Six 
<input type="checkbox" value="check7" name="rectcat[]" />Seven 
<input type="checkbox" value="check8" name="rectcat[]" />Eight 
<div class="container"> 
    <label for="rectcat[]" class="error"> 
    Please Select a Minimum of ONE and a Maximum of FIVE categories! 
    </label> 
</div> 

Answer 1

Vous pouvez modifier ceci:

class="{validate:{required:true, minlength:1, maxlength:5}}" 

à ceci:

class="{validate:{required:'#pricing_imp_rect4:unchecked', minlength:1, maxlength:5}}" 

required permet une expression de dépendance au lieu de juste vrai. Dans ce cas, il faut seulement requis si le #pricing_imp_rect4 n'est pas coché. You can read more about the dependency expression option here.