Formulaire d'inscription+vérification

Soyez le premier à donner votre avis sur cette source.

Snippet vu 29 154 fois - Téléchargée 16 fois

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

ellissss
Messages postés
19
Date d'inscription
dimanche 8 mai 2011
Statut
Membre
Dernière intervention
7 avril 2012

non ya un bug
ellissss
Messages postés
19
Date d'inscription
dimanche 8 mai 2011
Statut
Membre
Dernière intervention
7 avril 2012

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

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

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

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.