Javascript et formulaire

Fermé
Warka - 22 nov. 2010 à 19:20
Lord Zero Messages postés 459 Date d'inscription lundi 18 octobre 2010 Statut Membre Dernière intervention 15 juin 2018 - 22 nov. 2010 à 20:04
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 !



<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>








<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>



 

1 réponse

Lord Zero Messages postés 459 Date d'inscription lundi 18 octobre 2010 Statut Membre Dernière intervention 15 juin 2018 115
22 nov. 2010 à 20:04
Je parie que ça envoie meme s'il y a des champs non remplis?

faut mettre ton boutton submit en type button et rajouter dans ton js une condition du genre si tout est ok alors submit
je te fais un exemple avec un bout de ton code

var num = document.formfour.NUMFOUR.value;
	if(document.formfour.NUMFOUR.value == "")
	{
		alert ('Veuillez entrer votre numero');
		document.formfour.NUMFOUR.focus();
		return false;
	}
else 
{
document.getElementById('id_de_ton_form').submit();
}

il faudra mettre un id a ton form
0