begin process at 2012 05 29 07:53:10
  Trouver un code source :
 
dans
 
Accueil > Forum > 

Javascript / DHTML / Ajax

 > 

CSS

 > 

Général

 > 

controle des champs d'un formulaire


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

controle des champs d'un formulaire

jeudi 16 septembre 2010 à 11:23:12 | controle des champs d'un formulaire

siatu

Bonjour tous le monde,
j'ai un probleme quand je verifie les champs du mon formulaire et en cas
ou la saisie est incorrecte au lieu de rester dans la meme page pour que l'utilusateur saisie une autre fois ses infos on y trouve dans la page action du formulaire
voila le code javascript
<script>
function contact()
{
var message="";
if(document.form.name.value=="")
message+="le champ nom est vide\n";
else
if(document.form.email.value=="")
message+="le champ email est vide";
if(message=="")
document.form.submit();
else
alert(message);
}
</script>
et voila le code html du formulaire
<form method="post" name="form" action="contact.php" id="form1">
<div> <span class="leftboldtxt">
<label for="contact_name2">  Saisissez votre nom : </label>
</span><br />
<input name="name" id="contact_name2" size="30" value="" type="text" />
<br />
<label for="contact_email" class="leftboldtxt" id="contact_emailmsg">  Adresse e-mail : </label>
<br />
<input id="contact_email" name="email" size="30" value="" maxlength="100" type="text" />
<br />
<label for="contact_subject" class="leftboldtxt">  Objet du message : </label>
<br />
<input name="subject" id="contact_subject" size="30" value="" type="text" />
<br />
<br />
<label for="contact_text" class="leftboldtxt" id="contact_textmsg">  Saisissez votre message : </label>
<br />
<textarea cols="50" rows="10" name="text" id="contact_text"></textarea>
<br />
<br /><input type="submit" name"contact" value="Envoyer" onclick="contact()">
</div>
</form></td>
aidez moi svp je suis un debutant en javascript et merci.
jeudi 16 septembre 2010 à 11:35:13 | Re : controle des champs d'un formulaire

Zobibol

Membre Club
bonjour,
c'était presque le bon résultat, à une ou deux variantes près...
d'un point de vue script:
Code Javascript :
<script>
function contact()
{
	var message="";
	if(document.form.name.value=="")
	message+="le champ nom est vide\n";
	else
	if(document.form.email.value=="")
	message+="le champ email est vide";
	if(message==""){
		document.form.submit(); 
	}
	else
		alert(message);
	return false;
}
</script>


et d'un point de vue html:
Code HTML :
<form method="post" name="form" action="contact.php" id="form1">
<div> <span class="leftboldtxt">
<label for="contact_name2">  Saisissez votre nom : </label>
</span><br />
<input name="name" id="contact_name2" size="30" value="" type="text" />
<br />
<label for="contact_email" class="leftboldtxt" id="contact_emailmsg">  Adresse e-mail : </label>
<br />
<input id="contact_email" name="email" size="30" value="" maxlength="100" type="text" />
<br />
<label for="contact_subject" class="leftboldtxt">  Objet du message : </label>
<br />
<input name="subject" id="contact_subject" size="30" value="" type="text" />
<br />
<br />
<label for="contact_text" class="leftboldtxt" id="contact_textmsg">  Saisissez votre message : </label>
<br />
<textarea cols="50" rows="10" name="text" id="contact_text"></textarea>
<br />
<br /><input type="button" name"contact" value="Envoyer" onclick="return contact()">
</div>
</form>


Mais tout de même quelques explication.
Tout d'abord, pourquoi le formulaire se soumettait alors qu'il était erroné ?
- simplement parce que les boutons de type submit force la soumission du formulaire, du coup en le transformant en button, il n'y a plus de soucis, la soumission du formulaire ce fait via la méthode contact().
- de plus cette méthode retourne false si le formulaire n'est pas valide, de cette manière, il est sure que la soumission ne se fera pas et le message d'avertissement sera ok.

et voilà, normalement, à ce niveau ça doit répondre aux attentes souhaitées.


[o-_-o]
jeudi 16 septembre 2010 à 13:32:27 | Re : controle des champs d'un formulaire

PetoleTeam

Membre Club
Bonjour,
tiens pourquoi un double POST?...
;O)
jeudi 16 septembre 2010 à 13:39:46 | Re : controle des champs d'un formulaire

Zobibol

Membre Club
Salut PetoleTeam, la ou on a de la chance, c'est un double post avec des réponses quasi identique.
Ouf, on s'en sort bien sur ce coup )


[o-_-o]
jeudi 16 septembre 2010 à 13:44:42 | Re : controle des champs d'un formulaire

jeca

Bonjour,

Pas besoin de "button". A la soumission d'un formulaire, un évènement "onsubmit" est déclenché sur l'élément "form".
Exemple :
Code PHP :
<html>
  <head>
    <title>test</title>
    <script type="text/javascript">
      function validForm(formulaire)
      {
          var message="";
          if(formulaire.name.value=="")
            message += "le champ nom est vide\n";
          if(formulaire.email.value=="")
            message += "le champ email est vide";
          if(message != "")
          {
            alert(message);
            return false;
          }
          return true;
      }
    </script>
  </head>
  <body>
    <form method="post" name="formulaire" action="contact.php" id="form1" onsubmit="return validForm(this)">
      <div> <span class="leftboldtxt">
      <label for="contact_name2">  Saisissez votre nom : </label>
      </span><br />
      <input name="name" id="contact_name2" size="30" value="" type="text" />
      <br />
      <label for="contact_email" class="leftboldtxt" id="contact_emailmsg">  Adresse e-mail : </label>
      <br />
      <input id="contact_email" name="email" size="30" value="" maxlength="100" type="text" />
      <br />
      <label for="contact_subject" class="leftboldtxt">  Objet du message : </label>
      <br />
      <input name="subject" id="contact_subject" size="30" value="" type="text" />
      <br />
      <br />
      <label for="contact_text" class="leftboldtxt" id="contact_textmsg">  Saisissez votre message : </label>
      <br />
      <textarea cols="50" rows="10" name="text" id="contact_text"></textarea>
      <br />
      <br /><input type="submit" name="contact" value="Envoyer" />
      </div>
    </form>
    </body>
</html>

Cordialement.

JC
jeudi 16 septembre 2010 à 19:29:00 | Re : controle des champs d'un formulaire

PetoleTeam

Membre Club
..toujours est encore le problème du return false si une erreur est détecté, quant à la façon de coder...

il est un fait que la meilleur façon, à mon avis que je partage surtout avec moi même, de soumettre reste l'événement onsubmit sur la FORM avec juste un INPUT type=submit sans événement onclick, because si on fait Entrée on l'a dans l'os...

PS : Cela ne doit pas empêcher de faire les vérifs coté serveur quoi qu'il arrives

;O)


Cette discussion est classée dans : message, formulaire, champs, document, if


Répondre à ce message

Sujets en rapport avec ce message

script fonctionnant sous Firefox mais pas sous IE6 [ par Kaiser Sauzer ] Bonjour, j'ai une page de formulaire qui fait appelle à 2 script. - le premier me fait apparaître un champs supplémentaire selon le résultat d'un sele problème fonction javascript [ par abdeslam2009 ] Bonjour, j'ai deux pages web en html consultation_client et article_consult dans la première page (consultation_client) j'ai créé des champs ,des probleme avec mon code source en javascript [ par osken2017 ] Bonsoir voici mon code source qui doit normalement afficher un CV en html apres avoir fini de remplir le formulaire qu'il contient. Cependant je renco 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 Probleme message d'erreur activeX [ par pampapic ] Bonjour à tous,Je suis loin d'être un pro de la programmation, en fait je suis infographiste 3d, néanmoins je me plonge dans le html pour confectionne controle de formulaire [ par cyrilherve ] bonjour a tous ,,j'ai un formulaire que je veux controler avec javascript, je veux dans un premier temps m'assurer que tout les champs sont remplis, s problème dans mon formulaire [ par cindrella85 ] j'ai insérer ce fragment de code entre les balises head   function verifier()    { message="";      messagefinal="";      temoin=0;      temoin1=0;    récupérer la valeur des champs d'un formulaire [ par Sogeekette ] Bonjour,J'ai un formulaire de saisies et je voudrais récupérer les valeurs des champs au moment où je clique sur continuer. Comme cela, sur la page d' 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 vérifier un champs multiple [ par attentio ] Bonjour,j'ai un fonction qui me permet de verifier si les champs sont bien rempli ...ca marche tres bien sauf sur un champs multiple qui a pour nom "c


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,484 sec (4)

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