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 :

formulaire vérification de champs obligatoires


Sujet :

JavaScript

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Nouveau membre du Club
    Profil pro
    Inscrit en
    Mai 2010
    Messages
    5
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mai 2010
    Messages : 5
    Par défaut formulaire vérification de champs obligatoires
    bonjour à tous
    j ai un petit souci , je suis en cours de réalisations d'un site web
    j'ai effectué un formulaire pour l'inscription et j 'ai fais un copie coller pour le formulaire contact , j ai utilisé javascript pour rendre obligatoire les champs des formulaires , si cela fonction pour le formulaire inscription bizarrement cela ne fonction pas pour le formulaire contact , je ne sais pas ou est mon erreur , merci de votre aide


    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
    57
    58
    59
    60
    61
    62
    63
    64
    65
    66
    67
    68
    69
    70
    71
     
    function verificontact()
    	{
    		var nom=document.getElementById('nom').value;
    		var prenom=document.getElementById('prenom').value;
    		var tel=document.getElementById('tel').value;
    		var gsm=document.getElementById('gsm').value; 
    		var mail=document.getElementById('mail').value;
    		var msg=document.getElementBYId('msg').value;
    		var erreur='';
     
    		setTimeout(function() { $('#submit').focus(); }, 30000);
    		if (nom=='')
    			{
    				erreur=erreur+"Veuillez saisir votre Nom \n"; 
    				 document.form.nom.style.backgroundColor="#ff0000";
    			} 
    		else 
    			{
    				document.form.nom.style.backgroundColor="#FFFFFF";
    			}
     
    		if (prenom=='')
    			{
    				erreur=erreur+"Veuillez saisir votre Prénom \n"; 
    				document.form.prenom.style.backgroundColor="#ff0000";
    			} 
    		else 
    			{
    				document.form.prenom.style.backgroundColor="#FFFFFF";
    			}
    		if (tel=='')
    			{
    				erreur=erreur+"Veuillez saisir Votre Numéro de Téléphone fixe \n "; 
    				document.form.tel.style.backgroundColor="#ff0000";
    			} 
    		else 
    			{
    				document.form.tel.style.backgroundColor="#FFFFFF";	
    			}	
    		if (gsm=='')
    			{
    				erreur=erreur+"Veuillez saisir Votre Numéro de Téléphone Portable \n "; 
    				document.form.gsm.style.backgroundColor="#ff0000";
    			} 
    		else 
    			{
    				document.form.gsm.style.backgroundColor="#FFFFFF";
    			}
    		 if(mail=='')
    			{
    				erreur=erreur+"Veuillez saisir Votre adresse Email comme identifiant \n "; 
    				document.form.mail.style.backgroundColor="#FF0000";
    			} 
    		else 
    			{
    				document.form.mail.style.backgroundColor="#FFFFFF";
    			}
    		if(msg=='')
    			{
    				erreur=erreur+"Veuillez saisir Votre adresse Email comme identifiant \n "; 
    				document.form.msg.style.backgroundColor="#FF0000";
    			} 
    		else 
    			{
    				document.form.msg.style.backgroundColor="#FFFFFF";
    			}	
     
    		if (erreur=="") {return true;}
    		else {alert(erreur); return false;}		
    	}

    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
    57
    58
    59
    60
    61
    62
    63
     
    <form action="contact_enr.php" name="form" method="POST" id="form"> 
    		<div id="curseur" class="infobulle"></div>
    			<fieldset class='contact'>
    				<legend>Conctat</legend>
    					<div id="colonnec">
     
    						<div class="iten">	 
    							<label> Civilité :</label>
    								<select name="civilite" id="civilite">
    									<option value="Monsieur">Monsieur</option>
    									<option value="Madame">Madame</option>
    									<option value="Mademoiselle">Mademoiselle</option> 
    								</select>
    						</div>	
     
    						<div class="iten">
    							<label>   Nom : </label>
    							<input type="text"  name="nom" id="nom" />
    							<div id='msgnom'></div>	
    						</div>
     
    						<div class="iten">
    							<label>   Pr&eacute;nom : </label>
    							<input type="text"  name="prenom" id="prenom" />
    							<div id='msgprenom'></div>	
    						</div>
     
    						<div class="iten">
    							<label>  T&eacute;l&eacute;phone Fixe : </label>
    							<input type="text"  name="tel" id="tel" onBlur="verif_tel(this.value)";/>
    							<div id='msgfixe'></div>	
    						</div>
     
    						<div class="iten">
    							<label>  T&eacute;l&eacute;phone Portable : </label>
    							<input type="text"  name="gsm" id="gsm" />	
    						</div>
     
    						<div class="iten">
    							<label>   E-mail/Courriel :  </label>
    							<input type="text"  name="mail" id="mail" onBlur="verifmail(this.value)";/>
    							<div id='msgmail'></div>		
    						</div>
     
    						<div class="iten">
    							<label>   Message :  </label>
    							<textarea  name="msg" id="msg"> </textarea>
    							<div id='msgmsg'></div>
    						</div>
    					</div>
     
    					<div id="colonneb">
    						<div class="logoc">
    							<?php include('logo.php');?>
    						</div>		
    					</div>	
    			</fieldset>
    					<div class="iten">
    						<input type="submit" value="Valider" name="valider" id="valider" onclick="return verificontact()" />
    					</div>
    					<div class="both"></div>
    	</form>

  2. #2
    Modérateur

    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    Janvier 2011
    Messages
    17 211
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : Janvier 2011
    Messages : 17 211
    Par défaut
    Bonsoir,
    rapidement regardé et vu
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    var msg=document.getElementBYId('msg').value;
    attention il faut écrire ById
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    var msg=document.getElementById('msg').value;
    de plus la fonction de vérification devrait se trouver sur le onsubmit de la FORM
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <form action="contact_enr.php" name="form" method="POST" id="form" onsubmit="return verificontact();" >
    et je m'interroge sur la présence de setTimeout(function() { $('#submit').focus(); }, 30000);

Discussions similaires

  1. Formulaire : vérification des champs et envoi
    Par miltonis dans le forum Général JavaScript
    Réponses: 3
    Dernier message: 21/11/2007, 16h00
  2. Vérification des champs d'un sous-formulaire
    Par antoine46 dans le forum Access
    Réponses: 5
    Dernier message: 10/08/2006, 11h55
  3. Champs obligatoires dans un formulaire
    Par sagitarium dans le forum Balisage (X)HTML et validation W3C
    Réponses: 12
    Dernier message: 23/05/2006, 16h55
  4. champs obligatoires (modification par formulaire)
    Par milielf dans le forum Access
    Réponses: 2
    Dernier message: 22/05/2006, 11h36
  5. Champs obligatoires dans un formulaire
    Par glloq8 dans le forum Général JavaScript
    Réponses: 4
    Dernier message: 30/09/2005, 16h24

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