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