OnClick et validation de formulaires PHP

**feldi** · 26/01/2011, 11h28

Bonjour,
je développe un site web et j'ai un problème avec le javascript.
Le code :

Code js :

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
 
function controleCLI()
		{	
			var cp = client.codePostalClient.value;
			var telF = client.numTelFixe.value;
			var telP = client.numTelPort.value;
			var mail = client.mailClient.value;
			if ((cp < 1000) || (cp >= 100000) || !IsNumeric(cp)) 
			{
				alert("code postal erroné");
			}
			if ((telF < 0100000000) || (telF >= 0999999999) || !IsNumeric(telF))
			{
				alert("numéro de téléphone fixe erroné");
			}
			if ((telP < 0100000000) || (telP >= 0999999999) || !IsNumeric(telP))
			{
				alert("numéro de téléphone portable erroné");
			}
			else if
			{
				if ((cp > 1000) || (cp <= 100000) || IsNumeric(cp) || (telF > 0100000000) || (telF <= 0999999999) || IsNumeric(telF) || (telP > 0100000000) || (telP <= 0999999999) || IsNumeric(telP))
				{
					client.submit();
				}
			}
		}

et le code associé pour la validation et l'envoi vers la BDD :

Code html :

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
 
<div id="collecte">
	<form name="client" method="post" action="situationGeographique.php">
		<table border = 1 width = 500>
		<input type="radio" name="puissance" value="Inf"/>Puissance inférieure à 36 kVA<br/>
		<input type="radio" name="puissance" value="Sup"/>Puissance comprise entre 36 et 250 kVA<br/><br/>
		Saisissez votre nom : <input type="text" name="nom"/><br/>
		Saisissez votre prenom : <input type="text" name="prenom"/><br/>
		ou la raison sociale de votre entreprise <br/>(si vous êtes une entreprise) : <input type="text" name="repEntreprise"/><br/>
		Saisissez votre adresse : <input type="text" name="adresseClient"/><br/>
		Saisissez le nom de votre commune : <input type="text" name="communeClient"/><br/>
		Saisissez votre code postal : <input type="text" name="codePostalClient"/><br/>
		Saisissez votre numéro de téléphone fixe : <input type="text" name="numTelFixe"/><br/>
		Saisissez votre numéro de téléphone portable : <input type="text" name="numTelPort"/><br/>
		Saisissez votre adresse e-mail : <input type="text" name="mailClient"/><br/>
		Saisissez le nom de votre interlocuteur : <input type="text" name="nomInterlocuteur"/><br/><br/>
		<input type="submit" name="valider" value="OK" onClick=controleCLI() />
		<input type="reset" value="Annuler"/><br/><br/>
		</table>
	</form>
</div>

Mon soucis : même si le javascript envoie les messages d'erreurs si les test ne sont pas bons, il envoie quand même le formulaire, donc la sauvegarde est incomplète donc c'est pas bon !

Vous avez des idées pour "bloquer" le javascript si il trouve des erreurs ?

Merci !

**andry.aime** · 26/01/2011, 11h35

Bonjour,

Code html :

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

1
2
3
4
<form name="client" method="post" action="situationGeographique.php" onsubmit="return controleCLI();">
 
...
<input type="submit" name="valider" value="OK" />

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
function controleCLI()
		{	
			var cp = client.codePostalClient.value;
			var telF = client.numTelFixe.value;
			var telP = client.numTelPort.value;
			var mail = client.mailClient.value;
			if ((cp < 1000) || (cp >= 100000) || !IsNumeric(cp)) 
			{
				alert("code postal erroné");
				return false;
			}
			if ((telF < 0100000000) || (telF >= 0999999999) || !IsNumeric(telF))
			{
				alert("numéro de téléphone fixe erroné");
				return false;
			}
			if ((telP < 0100000000) || (telP >= 0999999999) || !IsNumeric(telP))
			{
				alert("numéro de téléphone portable erroné");
				return false;
			}
			else if
			{
				if ((cp > 1000) || (cp <= 100000) || IsNumeric(cp) || (telF > 0100000000) || (telF <= 0999999999) || IsNumeric(telF) || (telP > 0100000000) || (telP <= 0999999999) || IsNumeric(telP))
				{
					return true;
				}
			}
		}

A+.