Discussion :

[psyghoria]

Bonjour,

J'ai un problème avec ce formulaire, le onsubmit renvoit toujours true alors que pseudo est vide:

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
<SCRIPT language="Javascript">
  function verifFormulaire(frm){
    var verif = true;
    if(verifEmpty(frm.pseudo)==1)
    {
      setRedChamps(frm.pseudo, "Veuillez renseigner le pseudo");
      return false;
    }
 
    if(verifEmpty(frm.mdp)==1)
    {
      setRedChamps(frm.mdp, "Veuillez renseigner le mot de passe");
      return false;
    }
 
    return verif;
 
  }
</SCRIPT>
 
<div class="titre1" id="titleInscription">Connexion</div>
<br class="separe"/>
<form method="POST" action="index.php?page=verifConnection" onsubmit="return verifFormulaire(this)">  
  <br class="separe"/>
  <div class="labelForm"><label for="pseudo">Pseudo : </label></div> 
  <div class="inputForm">
    <input type="text" id="pseudo" name="pseudo" value=""/>
    <label id="msgerrorpseudo" class="champsInvalideRed" />
  </div>
  <br class="separe"/>
  <div class="labelForm"><label for="mdp">Mot de passe : </label></div> 
  <div class="inputForm">
    <input type="password" id="mdp" name="mdp" value="monpassword"/>
    <label id="msgerrormdp" class="champsInvalideRed" />
  </div>
  <br class="separe"/>
  <br class="separe"/>
  <br class="separe"/>
  <div id="inscriptionButton">
    <input type="submit" value="Envoyer" class="redButton"/>
    ****
    <input type="reset" value="Annuler" class="redButton"/>
  </div>
</form>

et ce formulaire fonctionne quand j’enlève l'appel à setRedChamps qui est ici:

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
function trim (myString) 
{ 
  return myString.replace(/^\s+/g,'').replace(/\s+$/g,'') 
} 
 
function verifEmpty(objet)
{
  if(trim(objet.value)=="")
  {
    return 1;
  }
  else
  {
    return 0;
  }
}
 
function setRedChamps(objet, message)
{
    objet.className='emptyChamp';
    if(message!=""){
      document.getElementById("errormsg"+objet.id).value = message;
    }
}

Si quelqu'un a une idée, moi je suis bien perdu. ça me semblait simple à la base :'(.


Charles

[SylvainPV]

Bonjour,

Tu peux utiliser true et false au lieu de 0 et 1 comme retour. Ca évitera des surprises avec l'interprétation de 0 en Javascript.

Sinon je ne vois pas d'autres problèmes. Il faudrait déboguer ça avec des breakpoints, et vérifier qu'il n'y a pas d'erreurs Javascript. Car s'il y a une erreur Javascript, le onSubmit ne bloquera plus la soumission du formulaire, et ça peut te laisser penser par erreur que tu as retourné true.

[psyghoria]

Merci beaucoup pour ta réponse.
Il doit en effet y avoir une erreur dans ma fonction Javascript, ce qui expliquerait que le onSubmit ne bloque rien. Je ne connaissais pas ce point là.

Ton aide m'a été bien précieuse . Je corrigerais tout ça et je repasserais.


edit: concernant le 0 et 1 j'ai voulu voir si le onsubmit ne devenait pas fou si je renvoyais un true ou false dans une sous fonction et j'ai oublié d'enlever le test.

[NoSmoking]

Bonsoir,

et ce formulaire fonctionne quand j’enlève l'appel à setRedChamps qui est ici:

l'erreur est semble t-il dans cette fonction...

Code :

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

document.getElementById("errormsg"+objet.id).value = message;

il est déclaré où dans ton code HTML cet élément

[psyghoria]

Je me doutais bien qu'il y avait un problème quelque part et notamment autour de cette fonction. C'est juste que je ne savais pas que le formulaire validait quand il y avait une erreur js alors je ne comprenais pas.

Je ne sais pas quoi en penser d'ailleurs.... ça me semble plutôt louche que ça réagisse comme ça.

Cela dit je reste un crétin car j'ai inversé msgerror et errormsg donc j'avais un undefined error quand je voulais attribuer le message.

Merci beaucoup SylvainPV .

[Bovino]

ça me semble plutôt louche que ça réagisse comme ça

Ben au contraire, c'est normal... Si JavaScript ne peut pas empêcher le formulaire d'être soumis, alors le formulaire sera soumis.

[psyghoria]

C'est parce que je voyais ça dans l'autre sens dans le cas où je rajoutais un contrôle dans le onsubmit. Le JavaScript qui autoriserait le formulaire à soumettre. Mais à partir du moment ou on connait le fonctionnement, il n'y a plus de problème pour corriger son code. J'espère que je m'en souviendrai.

Pour info, pour débugger tout ça j'ai rajouté un href qui lançait ma fonction JavaScript de vérification avec en paramètre document.forms[0].