Discussion :

[kev42100]

Salut à tous,

Comme l'indique mon titre, j'ai un formulaire avec divers champs. Il y a des conditions pour valider le formulaire. Ainsi une fois qu'on le clique sur le bouton valider, cela appelle la fonction verif() suivante :

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
 
<script language="javascript">
 
	function verif() {
 
		var nomPers = document.forms["formulaire"].elements["champ-texte"].value;
		var nomOrg = document.forms["formulaire"].elements["nomOrg"].value;
		var cp = document.forms["formulaire"].elements["lieu"].value;
 
		if (nomPers == "" && nomOrg == ""){
			 alert("Indiquez au moins le nom d'une personne ou d'un organisme svp");
			 document.forms["formulaire"].elements["champ-texte"].focus();
			}
 
		if (cp && cp.length < 5) 
			alert("Le code postal doit \352tre compos\351 d'au moins 5 chiffres.");
 
 
		else {
			if ((nomPers.length > 0 || nomOrg.length > 0) && cp.length > 5){
				document.forms["formulaire"].method = "POST";
				document.forms["formulaire"].action = "results_bis.php";
				document.forms["formulaire"].submit(); 
			}
		}	 
 
}
 
	</script>

Si un alert se produit, après le clic sur le bouton Ok, cela efface les champs.J'ai essayé :

Code :

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

1
2
 
opener.document.forms["formulaire"].elements["champ-texte"].value = nomPers;

En vain...
Pourtant je ne recharge à aucun moment ma page...

Merci d'avance

[SpaceFrog]

bouton valider = ??? un bouton submit ???

on peut voir la balise form ?

[kev42100]

Le bouton valider marche très bien (sauf sous IE de windaube )!

Voici le code de la balise <form>

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
 
 <form id="formulaire" name="formulaire">							     
									<fieldset>
									     <p>
										    <form name="form-test" id="form-test" action="javascript:alert('soumission de ' + document.getElementById('champ-texte').value" >
									            <label><strong>Nom de la personne: </strong></label><br>
									            <input type="text" name="champ-texte" id="champ-texte" autocomplete="off" class="champ">
											</form>
											<br>
 
											<label><strong>Nom de l'organisme : </strong></label><br>
											<input type="text" name="nomOrg" id="nomOrg" autocomplete="off" value="" class="champ"><a href="javascript:ouvreFenetre('listeOrg.php');"><img src="images/ideeLogo.jpg" title="Aide" alt="aide" style="width:18px; height:18px; border:none;"></a>
 
											<br><span style="font-style:small; color:red;">* Un des deux champs ci-dessus doit &ecirc;tre obligatoirement renseign&eacute;</span>
											<br><br><br>
 
											<label><strong>Fonction exerc&eacute;e : </strong></label><br>
											<input type="text" name="fct" id="fct" autocomplete="off" value="" class="champ"><a href="javascript:ouvreFenetre('listeFct.php');"><img src="images/ideeLogo.jpg" title="Aide" alt="aide" style="width:18px; height:18px; border:none;"></a>
 
											<br>
											<label><strong>Commune / Code postal : </strong></label><br>
											<input type="text" name="lieu" id="lieu" autocomplete="off" value="" class="champ"><a href="javascript:ouvreFenetre('listeLieu.php');"><img src="images/ideeLogo.jpg" title="Aide" alt="aide" style="width:18px; height:18px; border:none;"></a>
 
											<input type="image" src="images/boutonPerso.png" name="valider" id="valider" OnClick="verif();"  align="justify" >
 
										</p>
 
 
										 </fieldset>
									</form>

[SpaceFrog]

ton bouton image se comporte comme un bouton sublit, donc ton formulaire est validé ...

tu as deux possibilités, soit lancer la focntion de verif dasn le onsubmit de ton form, ou mettre des return false dans la fcontion après les alert ...

[kev42100]

Ta première méthode ne fonctionne pas... Ensuite pour la deuxième je te présente mon nouveau code (pour l'instant sans résultat):

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
 
<script language="javascript">
 
	function verif() {
 
		var nomPers = document.forms["formulaire"].elements["champ-texte"].value;
		var nomOrg = document.forms["formulaire"].elements["nomOrg"].value;
		var cp = document.forms["formulaire"].elements["lieu"].value;
 
		if (nomPers == "" && nomOrg == ""){
			 alert("Indiquez au moins le nom d'une personne ou d'un organisme svp");
			 document.forms["formulaire"].elements["champ-texte"].focus();
			 return false ; 
			}
 
		if (cp && cp.length < 5) {
			alert("Le code postal doit \352tre compos\351 d'au moins 5 chiffres.");
			return false; 
			}
 
 
		else {
				document.forms["formulaire"].method = "POST";
				document.forms["formulaire"].action = "results_bis.php";
				document.forms["formulaire"].submit(); 
			}	 
 
}
 
	</script>

Avec l'appel de la fonction verif():

Code :

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

1
2
 
<input type="image" src="images/boutonPerso.png" name="valider" id="valider" OnClick="javascript: return verif();" align="justify" >

[SpaceFrog]

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
<script language="javascript">
 
	function verif() {
var ToutEstOK=false;
 
		var nomPers = document.forms["formulaire"].elements["champ-texte"].value;
		var nomOrg = document.forms["formulaire"].elements["nomOrg"].value;
		var cp = document.forms["formulaire"].elements["lieu"].value;
 
		if (nomPers == "" && nomOrg == ""){
			 alert("Indiquez au moins le nom d'une personne ou d'un organisme svp");
			 document.forms["formulaire"].elements["champ-texte"].focus();
			}
 
		if (cp && cp.length < 5) 
			alert("Le code postal doit \352tre compos\351 d'au moins 5 chiffres.");
 
 
		else {
			if ((nomPers.length > 0 || nomOrg.length > 0) && cp.length > 5){
				document.forms["formulaire"].method = "POST";
				document.forms["formulaire"].action = "results_bis.php";
				ToutEstOK=true; 
			}
		}	 
 
return ToutEstOK}
 
	</script>

avec

Code :

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

<form id="formulaire" name="formulaire" onsubmit="return verif() ">

et

Code :

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

1
2
 
<input type="image" src="images/boutonPerso.png" name="valider" id="valider"  align="justify" >

[kev42100]

Thanks a lot !