IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

jQuery Discussion :

Plugin jquery validation


Sujet :

jQuery

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre confirmé
    Profil pro
    Inscrit en
    Avril 2005
    Messages
    103
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Avril 2005
    Messages : 103
    Par défaut Plugin jquery validation
    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.

  2. #2
    Membre confirmé
    Profil pro
    Inscrit en
    Avril 2005
    Messages
    103
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Avril 2005
    Messages : 103
    Par défaut
    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

Discussions similaires

  1. Plugin JQuery Validate+Ajax
    Par HekThor dans le forum jQuery
    Réponses: 2
    Dernier message: 01/11/2009, 18h11
  2. Plugin JQuery Validate+Ajax
    Par HekThor dans le forum Général JavaScript
    Réponses: 1
    Dernier message: 01/11/2009, 17h53
  3. Meilleurs plugins jQuery
    Par yann18 dans le forum jQuery
    Réponses: 1
    Dernier message: 12/03/2009, 15h34
  4. Utiliser le plugin jQuery.history
    Par SpIrIt505050 dans le forum jQuery
    Réponses: 1
    Dernier message: 19/02/2009, 11h17

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo