Formulaire d'inscription+vérification

Soyez le premier à donner votre avis sur cette source.

Snippet vu 53 007 fois - Téléchargée 18 fois

Commenter

Contenu du snippet

Voici un Formulaire d'inscription+vérification assez perfectionne je l'ai copie d'un site mais j'ai modifie residence par mot de passe

changez :votreemail@aol.com par votre email

Ps: le mot de passe pendant l'inscription ne fait pas de point donc on peut voir si on a une erreur (*_*)

Source / Exemple : 


<html>
<head>
<title>Vérifier les saisies de formulaire</title>
<script type="text/javascript">
<!--
function verif_formulaire()
{
 if(document.formulaire.nom.value == "")  {
   alert("Veuillez entrer votre nom!");
   document.formulaire.nom.focus();
   return false;
  }
 if(document.formulaire.mot_de_passe.value == "") {
   alert("Veuillez entrer votre mot de passe!");
   document.formulaire.mot_de_passe.focus();
   return false;
  }
 if(document.formulaire.courriel.value == "") {
   alert("Veuillez mettre l'@!");
   document.formulaire.courriel.focus();
   return false;
  }
 if(document.formulaire.courriel.value.indexOf('@') == -1) {
   alert("Veuillez mettre l'@!");
   document.formulaire.courriel.focus();
   return false;
  }
 if(document.formulaire.age.value == "") {
   alert("L'age doit être un nombre!");
   document.formulaire.age.focus();
   return false;
  }
 var chkZ = 1;
 for(i=0;i<document.formulaire.age.value.length;++i)
   if(document.formulaire.age.value.charAt(i) < "1"
   || document.formulaire.age.value.charAt(i) > "99")
     	 chkZ = -1;
 if(chkZ == -1) {
   alert("votre age n'est pas correcte veuillez mettre un nombre !!!");
       document.formulaire.age.focus();
   return false;
  }
}
//-->
</script>
</head>
<body bgcolor="#EEEEEE" text="#000000">

<h1>formulaire</h1>
<p>Les champs avec * sont obligatoires</p>
<form name="formulaire" action="mailto:votreemail@***.***" method="post" onSubmit="return verif_formulaire()">
<pre>


  • Nom:     <input type="text" size="40" name="nom">

  • Mot de Passe:  <input type="text" size="40" name="mot_de_passe"> <form>

  • Courriel:   <input type="text" size="40" name="courriel">

  • Âge:    <input type="text" size="40" name="age">

formulaire: <input type="submit" value="Envoyer"><input type="reset" value="Tout enlever">

Pour envoyer vous devez être connecté à Internet!
</pre>
</form>

</body>
</html>

Conclusion :


Voila je ferai un formulaire de connexion plus tard ....

A voir également

Ajouter un commentaire Commentaires
saiiid
28 févr. 2018 à 11:25
Meilleur
ellissss Messages postés 19 Date d'inscription dimanche 8 mai 2011 Statut Membre Dernière intervention 7 avril 2012
4 juin 2011 à 14:06
non ya un bug
ellissss Messages postés 19 Date d'inscription dimanche 8 mai 2011 Statut Membre Dernière intervention 7 avril 2012
4 juin 2011 à 14:03
c'est bon j'ai change la source et j'ai rajoute ton bout de code
ellissss Messages postés 19 Date d'inscription dimanche 8 mai 2011 Statut Membre Dernière intervention 7 avril 2012
4 juin 2011 à 14:02
Ouais bon ceci est ma premiere source
Allan007 Messages postés 82 Date d'inscription samedi 6 décembre 2003 Statut Membre Dernière intervention 12 février 2012
4 juin 2011 à 00:11
Bonjour ellissss,

Tu dis que ton code est "perfectionné" excuse-moi mais nous devons pas avoir la même définition de la perfection.

Pour être constructif, tu devrais déjà optimiser tous ça car tous c'est "if" consécutif sont tout simplement affreux.
Tu devrais aussi utilisé les expressions régulière pour être un peux plus "perfectionniste" dans les champs a vérifié comme par exemple le courriel

var frmMail = document.formulaire.courriel;
var siMail = /@/;
var syntaxMail = /^[a-zA-Z0-9._-]+@[a-zA-Z0-9-]{2,}[.][a-zA-Z]{2,3}$/;if (siMail.exec(frmMail.value) null || syntaxMail.exec(frmMail.value) null) {
alert("Syntaxe du courriel incorrecte.");
frmMail.focus();
}

Après, tu devrais faire la fonction du sumbit de ton formulaire en AJAX par exemple pour enregistrer dans une base de données l'inscription.

Wait 'nd see

Cordialement
S'inscrire maintenant

Vous n'êtes pas encore membre ?

inscrivez-vous, c'est gratuit et ça prend moins d'une minute !

Les membres obtiennent plus de réponses que les utilisateurs anonymes.

Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes et codes sources.

Le fait d'être membre vous permet d'avoir des options supplémentaires.