begin process at 2012 05 29 05:33:37
  Trouver un code source :
 
dans
 
Accueil > Forum > 

Archive Javascript

 > 

Archives

 > 

Trucs & Astuces

 > 

empècher l'envoi du formulaire si tout les champs ne sont pas remplis


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

empècher l'envoi du formulaire si tout les champs ne sont pas remplis

dimanche 21 novembre 2004 à 09:41:26 | empècher l'envoi du formulaire si tout les champs ne sont pas remplis

cgillet


bonjour,

j'ai crée un formulaire ( formule à la fin du message )
j'ai rendu certain champs obligatoire mais je voudrais rendre l'envoi du dit formulaire impossible si tous les champs ne sont pas remplis, j'ai bien le message indiquant que tel et tel champs ne sont pas renseignés mais l'envoi s'effectue, il manque donc un petit quelque chose pour retourner sur le formulaire

Question: qui peut me complèter et me corriger le formulaire ci dessous: ( avec ts mes remerciements )

<!-- saved from url=(0022)http://internet.e-mail -->
<html>
<head>
<title>Formulaire e-mail</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" href="style.css">
<style type="text/css">
<!--
.formulaire { font-family: "Times New Roman", Times, serif; font-size: large; font-style: italic; font-weight: bold; color: #006600}
-->
</style>
</head>
<SCRIPT LANGUAGE="JavaScript">
function verifForm(formulaire)
{
if(formulaire.email.value == "")
alert('Vous avez omis de remplir votre adresse email');
if(formulaire.Nom.value == "")
alert('Vous avez omis de remplir votre nom');
if(formulaire.telephone.value == "")
alert('Vous avez omis de noter votre numero de telephone');
if(formulaire.Codepostal.value == "")
alert('Vous avez omis de noter votre code postal');
if(formulaire.ville.value == "")
alert('Vous avez omis de noter votre ville');
if(formulaire.Adresse.value == "")
alert('Vous avez omis de noter votre Adresse');
else
formulaire.submit();
}
</SCRIPT>


<body bgcolor="#F7E2D5" text="#000000" link="#000080" vlink="#800080" alink="#ff0000" background="Publier1/back.gif">
<!-- DATE DE CREATION: 04/01/03 --> <font face="Comic Sans MS" color="#0000A0">
<div align="left">
<p class="formulaire"><b><font size=3><span class="formulaire">LOCATION
DE CHALETS<br>
M.& Mme. Christian GILLET</span></font></b><span class="formulaire"><span class="formulaire"><span class="formulaire"><span class="formulaire"><span class="formulaire"><span class="formulaire"><span class="style_lien"><span class="style_lien_noir8"><span class="lien_noir8"><span class="menu"><span class="photo"><span class="pub"><span class="pub1"><span class="style_lien"><span class="texte"><br>
<span class="formulaire">26, Chemin des Vanres 88310 VENTRON    
FRANCE<br>
Tél: (33) 03 29 24 00 17</span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span><span class="formulaire">
</span></p>
<p class="formulaire"><br>
</p>
</div>
</font>
<p>Merci de bien vouloir renseigner les champs suivants et d'appuyer sur le bouton
<b>ENVOYER</b> :<br>
</p>
<p>(les champs marqués d'une <font color="#FF0000"><b>*</b></font> doivent obligatoirement
être renseignés)
<form action=http://serv.chez.tiscali.fr/bin/sendform method=post>
<input type=hidden name=TO value="cgillet01@infonie.fr">
<input type=hidden name=SUBJECT value="demande de reservation du chalet">
<input type=hidden name=SUCCESS value="http://cgillet01.chez.tiscali.fr/merci.htm">
<input type=text name=FROM value="cgillet01@infonie.fr">
<input type=hidden name="required" value="email,telephone,Codepostal,Nom,Adresse">
<table border=0 cellpadding=0 cellspacing=0 width="527"bordercolor="#3333CC">
<tr>
<td height="40" bgcolor="#FFCC99"><b> <font color="#FFFFFF">Nom</font></b></td>
<td height="40" bgcolor="#FFCC99">
<input name="Nom" type="text" size="35">
<font color="#FF0000"><b>*</b></font><br>
</td>
</tr>
<tr>
<td height="40" bgcolor="#CC9966"><b>Prénom</b></td>
<td height="40" bgcolor="#CC9966">
<input name="Prénom" type="text" size="35">
</td>
</tr>
<tr>
<td height="40" bgcolor="#FFCC99"><b> <font color="#FFFFFF">Adresse</font></b></td>
<td height="40" bgcolor="#FFCC99"> <font color="#FF0000">
<input name="Adresse" type="text" size="35">
<b>*</b></font><br>
</td>
</tr>
<tr>
<td height="40" bgcolor="#CC9966"><b>Code postal </b></td>
<td height="40" bgcolor="#CC9966">
<input name="Codepostal" type="text" size="15">
<font color="#FF0000"><b>*</b></font>Ville
<input type="text" name="ville" size="40">
<br>
</td>
</tr>
<tr>
<td height="40" bgcolor="#FFCC99"><b><font color="#FFFFFF">Nombres de personnes</font></b></td>
<td height="40" bgcolor="#FFCC99">
<select name="adultes">
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
<option>6</option>
<option>7</option>
<option>8</option>
<option>9</option>
<option>10</option>
</select>
<font color="#FF0000"><b></b></font>Adultes
<select name="adolscents">
<option>0</option>
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
</select>
Adolscents
<select name="enfants">
<option>0</option>
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
</select>
Enfants<br>
<br>
</td>
</tr>
<tr>
<td height="40" bgcolor="#CC9966"><b>Email</b></td>
<td height="40" bgcolor="#CC9966">
<input name="email" type="text" size="35">
<font color="#FF0000"><b>*</b></font><br>
</td>
</tr>
<tr>
<td height="40" bgcolor="#FFCC99"><b><font color="#FFFFFF">Telephone</font></b></td>
<td height="40" bgcolor="#FFCC99">
<input name="telephone" type="text" size="35">
<font color="#FF0000"><b>*</b></font><br>
<br>
</td>
</tr>
<tr>
<td height="40" bgcolor="#CC9966"><b><font color="#000000">Type de chalets</font></b></td>
<td height="40" bgcolor="#CC9966">
<select name="type de chalets">
<option>.</option>
<option>Le Petit</option>
<option>Le Grand</option>
<option>Le chalet 12/15 personnes</option>
</select>
</td>
<tr>
<td height="42" bgcolor="#FFCC99"><b>Animaux</b></td>
<td height="42" bgcolor="#FFCC99">
<select name="animaux">
<option>.</option>
<option>oui</option>
<option>non</option>
</select>
Si oui, précisez
<input type="text" name="race">
</td>
</tr>
<tr>
<td height="50" bgcolor="#CC9966">Date de location </td>
<td height="50" bgcolor="#CC9966"> du
<input type="text" name="debut de la période">
au
<input type="text" name="fin de période">
</td>
</tr>
<tr>
<td height="120" bgcolor="#FFCC99"><b><font color="#ffffff">Commentaires</font></b></td>
<td height="120" bgcolor="#FFCC99">
<textarea name="commentaires" cols="58" rows="7"></textarea>
</td>
</tr>
</table>
<br>
<br>
<input type="submit" value="Envoyer" onClick="verifForm(this.form)" >

<input type="reset" value="Effacer" name="reset">
</form>
</body>
</html>
dimanche 21 novembre 2004 à 10:40:56 | Re : empècher l'envoi du formulaire si tout les champs ne sont pas remplis

rttb

a vu de nez ton formulaire s'envois si l'adresse est remplie, les autres tests ne servent a rien (pour le submit).

Fais un truc du style :
Complet=true;

if(formulaire.email.value == "") {
alert('Vous avez omis de remplir votre adresse email');
complet=false;
}
A chaque test, tu fais cela, et puis comme ca a la fin :

if(complet){formulaire.submit();}
-------------------------------------------------------------
Amicalement, rttb
[site]
lundi 22 novembre 2004 à 11:19:05 | Re : empècher l'envoi du formulaire si tout les champs ne sont pas remplis

AkeluX

Membre Club
A la place de <input type="submit" ... tu mets <input type="button" ... et ça devrait fonctionner ...

AkeluX


Cette discussion est classée dans : formulaire, champs, alert, value, omis


Répondre à ce message

Sujets en rapport avec ce message

Formulaire+checkbox [ par CHABRY ] Bonjour, je suis un débutant en javascript et je compte écrire du code javascript générique visant la validation de n'importe quel formulaire indé Bug en javascript. [ par CHABRY ] Bonjour, J'ai réussi à valider les différents champs de saisie de mon formulaire mais le pb c qu'en validant les checkbox, ça se plante au niveau du " problème de vérification des champs d'un formulaire [ par arambasic ] Voici mon formulaire avec le code javascript pour le vérifié, quand j'envoie le formulaire in me donne  bien les box d'erreurs mais il enregistre les If If Else... [ par plx4ever ] Salut à tous !Alors voila mon petit probleme qui doit etre tres simple a resoudre pourtant...Mon code: function verif(formulaire) { if(formulaire.nom. Verification de champs [ par tib411 ] bonjour,Des petits problémes avec les verifications de formulaireVoila mon probléme :Pour l'instant j'arrive à verifier qu'un champ n'est pas videfunc sujet formulaire [ par limaseb ] J'ai un probleme sur mon formulaire aimerais le faire apparaitre en email outlook mais en colonne et non en ligne avec entre les informations & ces po boucle sur formulaire.champs.value [ par lucky82 ] Bonjour tout le monde; Pour obtenir la valeur d'un champs texte nommé "chp1" on fait comme ça: formulaire.chp1.valuemais s'il y a dans mon formulair Permutter deux champs d'un formulaire [ par lektrosonic ] Bonjour, J'ai un formulaire en html avec deux champs textuels, un boutton submit et un autre bouton. Je voudrai que l'action du deuxieme boutton per alerte si les champs sont vide [ par amine124 ] bonjours, j'ai le code suivant, j'ai un pb dans la fonction verif(). ça marche pas, veuillez mz dire où est le pb exactement; merci d'avance. fu Javascript et référence objet. [ par CHABRY ] Bonjour, J'ai commencé à écrire du code javascript visant la validation de n'importe quel formulaire d'1 même page HTML en parcourant les formulaires


Nos sponsors


Sondage...

Comparez les prix

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 : 1,139 sec (3)

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