Validation champs formulaire

Bonjour,

J'ai un formulaire avec plusieurs et des boutons radio.
Par défaut, 'N' est coché. Je souhaite rendre des champs obligatoire qui dépendent de lui, et si on coche 'O', sa sera d'autre champs qui seront obligatoire. Le problème c'est que je suis obligé de coché O et après N pour que le contrôle se face sur les champs qui dépendent de N:

Voici la fonction:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
$('input:radio[name="radio"]').change(function() { // lorsqu'on change de bouton 
            var valeur= $(this).val(); 
 
                if (valeur == 'N'){
                    $("#champ1").rules("add", {
                        required: true,
                        messages: {
                            required: '<span class="help-block">Vous devez saisir une valeur.</span>',
                        }
                    });
 
                    $("#champ2").rules("add", {
                        required: true,
                        messages: {
                            required: '<span class="help-block">Vous devez saisir une valeur.</span>',
                        }
                    });
 
                    $("#champ3").rules("add", {
                        required: true,
                        messages: {
                            required: '<span class="help-block">Vous devez sélectionner une valeur.</span>',
                        }
                    });
                }
                else{
                    $("#champ4").rules("add", {
                        required: true,
                        messages: {
                            required: '<span class="help-block">Vous devez saisir une valeur.</span>',
                        }
                    }); 
                }
            });

Je pense que c'est le change qui embête le monde mais je vois pas quoi mettre à place
Merci de votre aide.