Discussion :

[manworms2]

Bonjour
je me permets de poster car je galère avec le plugin jquery validation que je n'arrive pas a faire fonctionner correctement.
j'ai un formulaire avec des radio bouton , tous doivent être remplis + des champs texte a remplir en fonction du choix du radio.
ci dessous une partie du code :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

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
<table border="0"> 
<?php echo '<form id="form1" method="post" action="valid.php?i=' . $vehicule . '&type=' . $type . '">' ?> 
  <tr>
    <td height="100" align="left" id="champs"></td>
    <td height="100" align="left" id="champs">Oxygène</td>
    <td valign="middle" id="erreur"><input type="radio" name="oxygene" id="radio3" class="css-checkbox" value="OK" onClick="delline('defaut_oxygene');" /><label for="radio3" class="css-label radGroup2"></label><img  class="ico-check" src="img/ok.jpg" alt="OK" />
      <input type="radio" name="oxygene" id="radio4" class="css-checkbox" value="NOK" onClick="addline('defaut_oxygene');" />
      <label for="radio4" class="css-label radGroup2"></label><img class="ico-check" src="img/nok.jpg" alt="NOK" />
      <label for="oxygene" class="error">Cochez une option</label></td>
    </tr>
    <tr id="defaut_oxygene" style="display:none">
    <td height="100" align="left" id="champs"></td>
    <td height="100" align="left" id="champs">Défaut :</td>
    <td height="100" align="left" id="champs"><input style="width:550px; height:60px; font-size:45px" type="text" id="defaut" name="defaut_oxygene" /></td>
	</tr>
</form>
</table>
<script src="http://code.jquery.com/jquery-1.11.1.min.js"></script>
<script src="http://cdn.jsdelivr.net/jquery.validation/1.15.0/jquery.validate.min.js"></script>
<script src="http://cdn.jsdelivr.net/jquery.validation/1.15.0/additional-methods.min.js"></script>
<script>
jQuery.validator.setDefaults({
  debug: true,
  success: "valid"
});
$( "#form1" ).validate({
  rules: {
    oxygene: {
      required: true
    }
  }
});
</script>

est ce que quelqu un pourrait éclairer ma lanterne.

en vous remerciant par avance.

[manworms2]

j'arrive a faire fonctionne le plugin quand je met le required dans la balise input , sauf que le label error ne s'affiche pas.
par contre quand je crée des rules , input coche ou pas ça reste sur la page.
de plus je ne sais pas comment faire pour obliger a remplir le champ text lorsque le radio bouton est coché NOK.
est ce que quelqu un pourrait m'aider svp merci