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

JavaScript Discussion :

Message après verification d'un formulaire


Sujet :

JavaScript

  1. #1
    Membre confirmé
    Profil pro
    Inscrit en
    Décembre 2009
    Messages
    61
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Décembre 2009
    Messages : 61
    Par défaut Message après verification d'un formulaire
    Bonsoir à tous!

    Voilà, j'ai un formulaire sur lequel chaque champ est validé par un "spry.widget" avant envoi sur ma bdd sql.

    Mon problème est que ce formulaire est assez long et lorsqu'on le valide, on ne voit pas forcément le champ concerné par l'erreur et qui empêche l'envoi du formulaire... l'internaute peut donc croire que le formulaire ne fonctionne pas.

    C'est pourquoi, je souhaiterais qu'un rappel du message d'erreur (comme un "echo" en php) s'affiche en dessous du bouton de validation du formulaire.

    voici le code:

    Code : 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
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    48
    49
    50
    51
    52
    53
    54
    55
    56
    57
    58
    59
    60
    61
    62
    63
    64
    65
    66
    67
    68
    69
    70
    71
    72
    73
    74
    75
    76
    77
    78
    79
    80
    <form id="form1" name="form1" class="" method="post" action="" enctype="multipart/form-data" >
     
          <table width="200" border="0" class="tableau">
            <tr>
              <td width="91">&nbsp;</td>
              <td colspan="3"><span class="msg-erreur"> </span></td>
              <td width="209">&nbsp;</td>
            </tr>
            <tr>
              <td><p align="right"></p></td>
              <td width="236"><span class="label1">Adresse e-mail * :</span></td>
              <td width="236">&nbsp;</td>
              <td width="236"><span class="label1">Confirmation * :</span></td>
              <td width="209">&nbsp;</td>
              <td>&nbsp;</td>
            </tr>
            <tr>
              <td>&nbsp;</td>
              <td><span id="sprytextfield1">
                <input name="mail" type="text" class="champ-style2" id="mail" value="" size="25" />
              <span class="textfieldRequiredMsg">Votre mail est manquant.</span></span></td>
              <td>&nbsp;</td>
              <td><span id="spryconfirm1">
                <input name="mail2" type="text" class="champ-style2" id="mail2" value="" size="25" />
              <span class="confirmRequiredMsg">La confirmation de votre mail est obligatoire.</span><span class="confirmInvalidMsg">La confirmation de votre mail ne correspond pas à la première entrée.</span></span></td>
     
            </tr>
            <tr>
              <td>&nbsp;</td>
              <td><span class="label1">Mot de passe * (8 caratères maxi) :</span></td>
              <td>&nbsp;</td>
              <td><span class="label1">Confirmation *:</span></td>
              <td>&nbsp;</td>
            </tr>
            <tr>
              <td><p align="right">&nbsp;</p></td>
              <td><span id="sprypassword1">
              <input name="pass" type="password" class="champ-style2" id="pass" value="" size="25" />
              <span class="passwordRequiredMsg">Une valeur est requise.</span><span class="passwordMaxCharsMsg">Le nombre maximum de caractères a été dépassé.</span></span></td>
              <td>&nbsp;</td>
              <td><span id="spryconfirm2">
                <input name="pass2" type="password" class="champ-style2" id="pass2" value="" size="25" />
              <span class="confirmRequiredMsg">Une valeur est requise.</span><span class="confirmInvalidMsg">Les valeurs ne correspondent pas.</span></span></td>
     
            </tr>
     
            </tr>
            <tr>
              <td>&nbsp;</td>
              <td><span class="label1">Pr&eacute;nom *:</span></td>
              <td>&nbsp;</td>
              <td><span class="label1">Nom *:</span></td>
              <td>&nbsp;</td>
            </tr>
            <tr valign="top">
              <td>&nbsp;</td>
              <td><span id="sprytextfield2">
                <input name="prenom" type="text" class="champ-style2" id="prenom" value="" size="25" />
              <span class="textfieldRequiredMsg">Vous devez indiquer votre prenom.</span></span></td>
              <td>&nbsp;</td>
              <td><span id="sprytextfield3">
                <input name="nom" type="text" class="champ-style2" id="nom" value="" size="25" />
              <span class="textfieldRequiredMsg">Vous devez indiquer votre nom.</span></span></td>
              <td><p>&nbsp;</p></td>
            </tr>
     
    	<input name="valider" type="submit" class="boite" id="valider" value="Valider" action=""/>
                                <input name="retablir" type="submit" class="boite" id="retablir" value="Rétablir" /></th>
     
      </form>
    <script type="text/javascript">
    <!--
    var sprytextfield1 = new Spry.Widget.ValidationTextField("sprytextfield1");
    var spryconfirm1 = new Spry.Widget.ValidationConfirm("spryconfirm1", "mail");
    var sprypassword1 = new Spry.Widget.ValidationPassword("sprypassword1", {maxChars:8});
    var spryconfirm2 = new Spry.Widget.ValidationConfirm("spryconfirm2", "pass");
    var sprytextfield2 = new Spry.Widget.ValidationTextField("sprytextfield2");
    var sprytextfield3 = new Spry.Widget.ValidationTextField("sprytextfield3");
     
    </script>
    Pensez vous que ceci est possible à mettre en place?

    Merci d'avance pour vos réponses

  2. #2
    Membre confirmé
    Profil pro
    Inscrit en
    Décembre 2009
    Messages
    61
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Décembre 2009
    Messages : 61
    Par défaut
    Rebonjour à tous....

    Je relance mon post avec un peu plus de précision.

    Finalement, mon idée est de faire afficher une fenêtre d'alerte lorsque mon formulaire n'est pas correctement rempli.

    Je souhaite utiliser la fonction
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    onclick=alert(this.value)
    Mon problème est que je ne sais pas où placer cette fonction, comment la combiner avec les validateurs spry?

    Merci d'avance pour votre aide

Discussions similaires

  1. Exécuter fonction après verif formulaire
    Par spawns dans le forum jQuery
    Réponses: 4
    Dernier message: 02/10/2014, 10h23
  2. Réponses: 12
    Dernier message: 27/09/2007, 08h33
  3. vérification champ après champ d'un formulaire
    Par Francis_R dans le forum Général JavaScript
    Réponses: 3
    Dernier message: 12/10/2005, 08h55
  4. Problème d'ouverture de fenetre apres saisie d'un formulaire
    Par marsupilami34 dans le forum Balisage (X)HTML et validation W3C
    Réponses: 2
    Dernier message: 10/08/2005, 08h52
  5. Problème pour la verification d'un formulaire
    Par Matahachi dans le forum Général JavaScript
    Réponses: 5
    Dernier message: 03/11/2004, 21h52

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