IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

Controle de formulaire


Sujet :

JavaScript

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre averti
    Inscrit en
    Avril 2008
    Messages
    10
    Détails du profil
    Informations forums :
    Inscription : Avril 2008
    Messages : 10
    Par défaut Controle de formulaire
    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>

  2. #2
    Membre Expert
    Avatar de emmanuel.remy
    Inscrit en
    Novembre 2005
    Messages
    2 855
    Détails du profil
    Informations personnelles :
    Âge : 56

    Informations forums :
    Inscription : Novembre 2005
    Messages : 2 855
    Par défaut
    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

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Controler un formulaire
    Par Fleep dans le forum Général JavaScript
    Réponses: 26
    Dernier message: 04/05/2007, 09h58
  2. control de formulaire qui marche avec IE et non mozilla
    Par epeichette dans le forum Général JavaScript
    Réponses: 4
    Dernier message: 03/03/2005, 16h47
  3. controle de formulaire
    Par Anonymous dans le forum Général JavaScript
    Réponses: 2
    Dernier message: 14/10/2004, 09h21
  4. Controle de formulaire valid XHTML 1.1
    Par StagiaireEnGalère dans le forum Général JavaScript
    Réponses: 2
    Dernier message: 06/10/2004, 22h15
  5. [jsp]controles des formulaires servlet ou javascript ?
    Par alexandra_ape dans le forum Servlets/JSP
    Réponses: 7
    Dernier message: 05/07/2004, 14h46

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo