Discussion :

[landryx]

Bonjour!!

je viens de faire une fonction verif_formm qui doit me controler les champs du formulaires et afficher un message d'erreur si il yen a dans le formulaire mais il passe rien quand je charge la page dans le navigateur..
voici le code de la fonction:

function verif_form(){

var chaine_erreur="";
//verifier nom
if (window.document.formulaire.nom.value =="")
{
chaine_erreur+="Indiquez votre nom svp!!\n";
}
//verifier prenom
if (window.document.formulaire.prenom.value =="")
{
chaine_erreur+="Indiquez votre prenom svp!!\n";
}
//verifier le mail
if (window.document.formulaire.email.value =="")
{
chaine_erreur+="Entrez votre mail svp!!\n";
} else{
var longueur = window.document.formulaire.email.length;
var arobase = window.document.formulaire.email.indexOf("@");
var point = window.document.formulaire.email.lastIndexOf(".");
var espace = window.document.formulaire.email.indexOf(" ");
if ((arobase == -1) || //verif de la presence d'un '@'
(arobase == 0) || // à une position autre que 0
(point == -1) || //presence du '.' dans l'adresse
(point > arobase + 1) || // et de qqchose entre '.' et '@'
(point < longueur - 1) || //et qqchose apres
(espace == -1)) //pas d'espace
{
chaine_erreur+="Adresse email erroné,l'email est de la forme:toto@univ-pau.fr \n";
}
}

//verifier reglement
var select_bouton = "NO";
if (window.document.formulaire.reglement.checked == true)
{
select_bouton = "YES";
}
if (select_bouton == "NO")
{
chaine_erreur+="Règlement";
}

if (chaine_erreur == "")
{
return true;
} else{
chaine_erreur = "Information omises dans le formulaire: \n" + chaine_erreur;
alert(chaine_erreur);
return false;
}
}

et voici le formulaire dans la page.xhtml

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
 
 
 
<form method="post" action="#" id="formulaire" onSubmit="var resultat = verif_form(); return resultat;">
 
<!--CODE POUR L'INSCRIPTION-->
 
<h2>Vos données personnelles</h2>
<br />
<table width="100%">
<colgroup width="10%" align="right"></colgroup>
<colgroup width="70%"></colgroup>
<tr>
 
<td><label>*Nom: </label></td>
<td><input type="text" name="nom" maxlength="256" size="40" /></td>
</tr>
<tr>
<td><label>*Prenom: </label></td>
<td><input type="text" name="prenom"  maxlength="256" size="40" /></td>
</tr>
<tr>
<td><label>*Mail: </label></td>
<td><input type="text" name="email"  maxlength="256" size="40" /></td>
</tr>
<tr>
<td><label>N° de téléphone: </label></td>
<td><input type="text" name="num_tel" maxlength="256" size="40" /></td>
</tr>
<tr>
<td colspan="2"><label>J'accepte avoir pris connaissance du <a href=""> règlement</a>:</label></td>
</tr>
<tr>
<td><input type="radio" name="reglement" /></td>
</tr>
<tr>
<td><input type="submit" name="envoi" value="s'enregistrer" /></td>
<td><input type="reset" value="Effacer tout" tabindex="5" /></td>
</tr>
</table>
</form>

sachant que plus haut dans l'entete je fais appel à la fonction sauvegardée dans un autre fichier:

Code :

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

1
2
3
4
5
 
 
<script type="text/javascript" src="script/menus.js">
 
</script>

je regardé un peu pour voir pourquoi il se passait rien mais j'avoue que je vois pas du tout ce qui cloche.Pouriez vous m'aider svp??

HELP!!

[Matthieu2000]

id="formulaire"

->
ajoute un attribut

name="formulaire"

[PierrotY]

il faudrait présenter ton problème plus simplement pour qu'on ait pas à lire 50 lignes de code pour décortiquer ce que tu veux faire (par exemple, faire une fonction JS se limitant à une alert(), ou nous épargner toute ta page html) ...

Dans

Code :

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

onSubmit="var resultat = verif_form(); return resultat;"

Si j'étais toi, je mettrais simplement

Code :

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

onSubmit="return verif_form();"

je pense pas que ça change grand chose, ... mais ça simplifie le code. Sinon, quand tu dis que

pourquoi il se passait rien

... es-tu sur que la vérification ne se fait pas? As-tu un message d'erreur JS? Que dis ta console?

[Matthieu2000]

surement

window.document.formulaire has no property...

s'il est assez rapide (plus que le submit)

[Matthieu2000]

window.document.formulaire has no property...

bon j'y étais presque, mais grammatiquement c'était bon.
essaie de mettre

<form method="post" action="" id="formulaire" onsubmit=" return verif_form(); " name="formulaire" >

si il y a plusieurs formulaires identiques, essaie le passage par paramètre avec this en argument...

[landryx]

Code :

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

1
2
 
<form method="post" action="" id="formulaire" onsubmit=" return verif_form(); " name="formulaire"  >

ne change pas grand chose
en fait la ça revient à la case de depart: il ne se passe rien dans le formulaire.

[Matthieu2000]

+
ajoute value

var longueur = window.document.formulaire.email.length;

->

var longueur = window.document.formulaire.email.value.length;

et les autres aussi

PS conserve

<input type="button" name="envoi" value="s'enregistrer" onclick="alert( verif_form());" />

jusqu'a ce que ca retourne true

[landryx]

il faudrait présenter ton problème plus simplement pour qu'on ait pas à lire 50 lignes de code pour décortiquer ce que tu veux faire (par exemple, faire une fonction JS se limitant à une alert(), ou nous épargner toute ta page html) ...

Dans

Code :

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

onSubmit="var resultat = verif_form(); return resultat;"

Si j'étais toi, je mettrais simplement

Code :

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

onSubmit="return verif_form();"

je pense pas que ça change grand chose, ... mais ça simplifie le code. Sinon, quand tu dis que
... es-tu sur que la vérification ne se fait pas? As-tu un message d'erreur JS? Que dis ta console?

je n'ai aucun moyen de savoir si la verification se fait ou pas!! en plus je n'ai pas de message d'erreur JS!! donc à priori le script est correct mais apres pourquoi ça ne me verifie pas le contenu du formulaire ?? je ne saurais dire pourquoi!!puis j'ai testé aussi:

Code :

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

1
2
 
onSubmit="return verif_form();"

ça me fait pareil!!
HELP!!

[PierrotY]

je n'ai aucun moyen de savoir si la verification se fait ou pas!!

Pour savoir si ta fonction est exécutée, glisse tout au début (sans qu'il n'y ait aucun test) un

Code :

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

alert('Je suis passé par ici!!');

C'est bourrin, mais efficace!

[Matthieu2000]

Pour savoir si ta fonction est exécutée, glisse tout au début (sans qu'il n'y ait aucun test) un

Code :

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

alert('Je suis passé par ici!!');

C'est bourrin, mais efficace!

plus simple :

<input type="button" name="envoi" value="s'enregistrer" onclick="alert( verif_form());" />

sinon met le onsubmit en minuscule...

[PierrotY]

Je ne pense pas que la solution de Matthieu2000 soit plus simple. Je sais pas ce que la valeur retournée par le submit donnera dans une fenêtre d'alert.
Mais, c'est par contre tout à fait possible que la fonction ne soit pas appelée simplement à cause d'une majuscule manquante... faut vérifier!