begin process at 2012 05 29 14:05:11
  Trouver un code source :
 
dans
 
Accueil > Forum > 

Javascript / DHTML / Ajax

 > 

CSS

 > 

Général

 > 

Javascript et formulaire


Derniers messages déposésPoser une question dans le forum ou lancer une discussion

Javascript et formulaire

lundi 22 novembre 2010 à 22:56:08 | Javascript et formulaire

warka0O

Bonjour, (ou bonsoir)

Je me présente à vous car j'ai un énorme soucis ! Mon contrôle de saisi sur mon formulaire ne veux pas s'opérer.
Normalement, le code dois envoyer un alert pour chaque champ non remplis. Quelqu'un aurait-il une idée de pourquoi cela ne marche pas ?

J'espère que quelqu'un m'aidera car c'est assez urgent...


La fonction retest me sert à rester le button, mais cela ne marche pas non plus...


Merci d'avance de votre aide ! J'espère que quelqu'un m'aidera !


Code Javascript :
<script language="javascript" type="text/javascript">

function test()
{
	if(document.getElementById)
	{
		var elt = document.getElementById("NUMFOUR");
		elt.focus();
	}
}


function retest()
{

alert ('mais loooool');


}

function checking() 
{ 
	var num = document.formfour.NUMFOUR.value;
	if(document.formfour.NUMFOUR.value == "")
	{
		alert ('Veuillez entrer votre numero');
		document.formfour.NUMFOUR.focus();
		return false;
	}
	if(document.formfour.ADREFOUR.value == "")
	{
		alert ('Veuillez entrer votre adresse');
		document.formfour.ADREFOUR.focus();
		return false;
	}
	if(document.formfour.CODEPOSTFOUR.value == "")
	{
		alert ('Veuillez entrer votre codepostal');
		document.formfour.CODEPOSTFOUR.focus();
		return false;
	}
	
	if(document.formfour.NUMFOUR.value.length != 2) // != à la place de =
	{ 
		alert ('Le numro doit comporter 2 chiffres et non \'' + document.formfour.NUMFOUR.value.length + '\''); 
		document.formfour.NUMFOUR.focus();
		return false; 
	}

	if(document.formfour.VILLEFOUR.value == "")
	{
		alert ('Veuillez entrer une ville');
		document.formfour.VILLEFOUR.focus();
		return false;
	}
	if(document.formfour.TELEFOUR.value.length != 10)
	{ 
		alert ('Le n de tlphone doit comporter 10 chiffres'); 
		document.formfour.TELEFOUR.focus();
		return false; 
	}
	if(document.formfour.FAXFOUR.value == "")
	{
		alert ('Veuillez entrer votre fax');
		document.formfour.FAXFOUR.focus();
		return false;
	}
		if(document.formfour.MAILFOUR.value == "")
	{
		alert ('Veuillez entrer votre e-mail');
		document.formfour.MAILFOUR.focus();
		return false;
	}
	if(document.formfour.FAXFOUR.value.length <> 10)
	{ 
		alert ('Le n de fax doit comporter 10 chiffres'); 
		document.formfour.FAXFOUR.focus();
		return false; 
	}
	else
	{
	 	if(window.document.all('flag').innerHTML="false"){
			resum();
			return false;
		}else{
			return true;
		}
	}
	VerifierAdresseMail(document.formfour.MAILFOUR.value);
	suppraccent(document.formfour.NOMFOUR.value);
	suppraccent(document.formfour.ADREFOUR.value);
	suppraccent(document.formfour.VILLEFOUR.value);
	suppraccent(document.formfour.MAILFOUR.value);
}


function suppraccent(chaine, mode)
{
	var tofind = "";
	var replac = "AAAAAAaaaaaaOOOOOOooooooEEEEeeeeCcIIIIiiiiUUUUuuuuuyNn";
	if(mode == 'apostrophe')
	{
		replac += "-"; 
		tofind += "'"; 
	}
	return(strtr(chaine,tofind,replac));
}


function VerifierAdresseMail(adresse)
{
   var Syntaxe = '#^[\w.-]+@[\w.-]+\.[a-zA-Z]{2,5}$#';
   if(preg_match(Syntaxe,adresse))
      return true;
   else
   {
		alert("l'adresse e-mail n'est pas valide !!"); 
		return false;
	}
}

</script>





Code HTML :


<center><br>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<form action="valideac.php" method="post" name="formfour">
Numéro
	  <input type="text" name="NUMFOUR" value='<?php echo $nbr2; ?>' id="NUMFOUR">
	  
   <p>
   Nom
   <input type="text" name="NOMFOUR" id="NOMFOUR">
     </p>
   <p>Adresse
   <input type="text" name="ADREFOUR" id="ADREFOUR">
     </p>
   <p>Code Postal
   <input type="text" name="CODEPOSTFOUR"  id="CODEPOSTFOUR">
     </p>
   <p>Ville
    <input type="text" name="VILLEFOUR" id="VILLEFOUR">
    </p>
  <p>Telephone
    <input type="text" name="TELEFOUR" id="TELEFOUR">
  </p>
  <p>
     Fax
     <input type="text" name="FAXFOUR" id="FAXFOUR">
    </p>
  <p>e-mail
    <input type="text" name="MAILFOUR" id="MAILFOUR">
   </p>
   <p>
    <input type="submit" value="insérer" onClick="checking();">
	<input type="button" value="vérifier les données" onClick="return retest();">
   </p>
 </form>
 </center>
mardi 23 novembre 2010 à 08:35:07 | Re : Javascript et formulaire

Le grand Jisay

Salut !

Ca ne marche pas car tu fais à chaque fois un return false dans chaque condition, ce qui implique que le script sort de la fonction. Une solution est de passer par une variable booléenne que tu définis à true au début de ta fonction et une fois une erreur, changer sa valeur à false. Et une fois toutes tes conditions passées renvoyée ta variable. Tu auras alors toutes tes alertes qui devraient s'afficher.

Une autre petite chose :

Code Javascript :
if(document.formfour.FAXFOUR.value.length <> 10) {...}
// devient
if(document.formfour.FAXFOUR.value.length != 10) {...}


Bien à toi,

Le grand Jisay
lundi 29 novembre 2010 à 07:38:43 | Re : Javascript et formulaire
lundi 29 novembre 2010 à 09:24:35 | Re : Javascript et formulaire

ludwig59

Bonjour ,

En laissant

Code Javascript :
onClick="checking();"


sur ton submit, le formulaire s'enverra quand même.
Il faut que tu retire le onclick de ton submit et que tu rajoute dans ta balise form :

Code Javascript :
onsubmit="return checking();"


Cette discussion est classée dans : document, return, value, if, formfour


Répondre à ce message

Sujets en rapport avec ce message

controler plusieurs champs d'un formulaire [ par attentio ] Bonjour,j'ai une fonction qui verifie tous les champs d'un formulaire qui ne marche pasje ne comprends vraiment pas pourquoi ?si je mets   if(document Affiche nombre [ par jumano ] Bonjour,J'effectue une petite fonction en js me permettant d'effectuer certain calcul en fonction de "radio" en position check.Je récupère ensuite une FORMULAIRE champs obligatoires boutons radio [ par ju0123456789 ] Bonjour,Pour mon site web, je suis en train de créer un formulaire de commande, et j'ai créé un script qui oblige l'utilisateur de rentrer les chamsp Javascript tester un champ qui ne doit contenir que des lettre [ par pho3nixhunt3r ] Bonjour à tous,alors voilà je suis en train de rédigé un formulaire,pour la vérification du numéro de téléphone j'utilise isNaN,existe t' il  son oppo Code javascript fonctionne mal avec Firefox [ par leclanalucky ] Voici mon problème, se code qui formate la date fonctionne parfaitement avec IE, mais avec Firefox il ne marche pas bien, la date devrait ressnbler à tester champ formulaire [ par gabs77 ] j'ai fait un formulaire pour tester les champs mais il ne fonctionne que sur le champ statut et sur le champ degre de couleur je ne parviens pas a le probleme 2 formulaires dans un pages + champs obligatoires [ par ludobiohazard ] Bonjour, J'ai un petit soucis, j'ai deux formulaires bien disctincts dans une page. Tous les champs sont obligatoires sur chaque formulaire.Lorsqu'il verification formulaire avec test() [ par ygsi5355 ] J'avais une vérification qui fonctionnait bien.J'ai ajouté || (/^[0-9] {10}$/.test(document.quizz.tel.value))pour vérifier qu'il y a uniquement 10 chi pb avec 2 fonction [ par jackrichard ] salut a tous j'ai un problème que je ne comprend pas j'ai une première fonction qui se déclenche a chaque fois que le focus change de position dans mo Trouver la colonne en cours [ par Schlobock ] Bonjour à tous,  </


Nos sponsors


Sondage...

CalendriCode

Mai 2012
LMMJVSD
 123456
78910111213
14151617181920
21222324252627
28293031   

Consulter la suite du CalendriCode

A découvrir



 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 0,437 sec (4)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales