Controle de formulaire

**a7med06** · 11/05/2009, 22h20

bonjour tout le monde
j'ai quelques problemes avec mon formulaire qui ne reconnaite pas le code javascript meme si un champ est vide un utilisateur peut continuer son inscription ......

inscrit.php

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
45
46
47
48
49
50
51
52
53
54
55
56
 <form id="FormName" action="recuperation_inscrie_entreprise.php" method="post" name="FormName" onsubmit="testsubmit()">
 
  <div class="inscrittext" id="nom">Nom responsable: </div>
  <div class="contactformfield" id="nom">
    <input name="nom" type="text" class="textboxEffect" />
    <span class="errortext">*</span> </div>
 
 
  <div class="inscrittext" id="prenom">Prenom responsable: </div>
  <div class="contactformfield" id="prenom">
    <input name="prenom" type="text" class="textboxEffect" />
    <span class="errortext">*</span> </div>
 
 
 
  <div class="inscrittext" id="societe">Nom Societe: </div>
  <div class="contactformfield" id="societe">
    <input name="societe" type="text" class="textboxEffect" />
    <span class="errortext">*</span> </div>
 
  <div class="inscrittext" id="email">Email: </div>
  <div class="contactformfield" id="email">
    <input name="email" type="text" class="textboxEffect" />
    <span class="errortext">*</span> </div>
 
	<div class="inscrittext" id="mdp">Mot de passe: </div>
  <div class="contactformfield" id="mdp">
    <input name="passwd" type="text" class="textboxEffect" />
    <span class="errortext">*</span> </div>
 
	<div class="inscrittext" id="mdp_conf">Confirmer mot de passe: </div>
  <div class="contactformfield" id="mdp_conf">
    <input name="passwd" type="text" class="textboxEffect" />
    <span class="errortext">*</span> </div>
 
	<div class="inscrittext" id="tel">Telephone: </div>
  <div class="contactformfield" id="tel">
    <input name="telephone" type="text" class="textboxEffect" />
    <span class="errortext">*</span> </div>
 
 
	<div class="inscrittext" id="fax">Fax: </div>
  <div class="contactformfield" id="fax">
    <input name="fax" type="text" class="textboxEffect" />
    <span class="errortext">*</span> </div>
 
 
	<div class="inscrittext" id="code">Code postal: </div>
  <div class="contactformfield" id="code">
    <input name="code" type="text" class="textboxEffect" />
    <span class="errortext">*</span> </div>
 
  <div class="submitbuttonarea">
    <input name="Submit2" type="submit" class="submitbutton" value="Envoyer"/>
  </div>
  </form>

javascipt qui est dans la meme page entre les balises <head></head>

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
45
46
<script language="JavaScript" type="text/JavaScript">
 
var emailexp = /^[a-z][a-z_0-9\-\.]+@[a-z_0-9\.\-]+\.[a-z]{2,3}$/i
var phoneexp =  /^[0-9]{5,20}$/
 
function validateEmail(str) {	
	return emailexp.test(str);
}
 
function testsubmit(){
	var message="";
 
	if(document.FormName.email.value==""){
		message=message+"\n  - Renseignez le champ E-mail.";
	}
	else{
		if(!validateEmail(document.FormName.email.value))
			message=message+"\n  - E-mail non valide.";		
	}
	if(document.FormName.login.value==""){
		message=message+"\n  - Renseignez le champ login.";
	}
	if(document.FormName.passwd.value==""){
		message=message+"\n  - Renseignez le champ mot de passe.";
	}
	else{
		if(document.FormName.passwd_conf.value==""){
			message=message+"\n  - Renseignez le champ confirmer mot de passe.";
		}
		else{
			if((document.FormName.passwd.value)!=(document.FormName.passwd_conf.value))
				message=message+"\n  - Mot de passe different de la confirmation.";
		}
	}
	if(document.FormName.nom.value==""){
		message=message+"\n  - Renseignez le champ Nom.";
	}
	if(document.FormName.prenom.value==""){
		message=message+"\n  - Renseignez le champ Prenom.";
	}
	if(message=="")
		document.FormName.submit();
	else
		alert("Erreur de saisie:"+message);
}
</script>

**emmanuel.remy** · 12/05/2009, 01h15

Bonsoir,

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

 <form id="FormName" action="recuperation_inscrie_entreprise.php" method="post" name="FormName" onsubmit="testsubmit()">

Attention, onsubmit doit renvoyer true si la validation est ok et false sinon (donc pas d'envoi). Or premi�rement ta fonction testsubmit() ne renvoie pas de valeur (pas de return) et ensuite tu ne renvoies pas de valeur dans le onsubmit.
Donc ta fonction devrait plut�t ressembler � cela:

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
function testsubmit(){
	var message="";
 
	if(document.FormName.email.value==""){
		message=message+"\n  - Renseignez le champ E-mail.";
	}
	else{
		if(!validateEmail(document.FormName.email.value))
			message=message+"\n  - E-mail non valide.";		
	}
	if(document.FormName.login.value==""){
		message=message+"\n  - Renseignez le champ login.";
	}
	if(document.FormName.passwd.value==""){
		message=message+"\n  - Renseignez le champ mot de passe.";
	}
	else{
		if(document.FormName.passwd_conf.value==""){
			message=message+"\n  - Renseignez le champ confirmer mot de passe.";
		}
		else{
			if((document.FormName.passwd.value)!=(document.FormName.passwd_conf.value))
				message=message+"\n  - Mot de passe different de la confirmation.";
		}
	}
	if(document.FormName.nom.value==""){
		message=message+"\n  - Renseignez le champ Nom.";
	}
	if(document.FormName.prenom.value==""){
		message=message+"\n  - Renseignez le champ Prenom.";
	}

	if(message=="") {
		return true;
	}
	else {
		alert("Erreur de saisie:"+message);
		return false;
	}
}

...
 <form id="FormName" action="recuperation_inscrie_entreprise.php" method="post" name="FormName" onsubmit="return testsubmit();">

ERE

Controle de formulaire

JavaScript

Vue hybride

Discussions similaires

Partager

Partager