Après alert supression des champs du formulaire

Version imprimable

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:

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:

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

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

Merci d'avance

14/05/2008, 15h26
SpaceFrog

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

on peut voir la balise form ?

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

Voici le code de la balise <form>

Code:

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>

14/05/2008, 15h37
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 ...

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:

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:

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

Code:

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:

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

Code:

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

15/05/2008, 09h08
kev42100

Thanks a lot !