begin process at 2012 05 28 10:14:05
  Trouver un code source :
 
dans
 
Accueil > 

Code

 > 

Formulaire

 > FORMULAIRE D'INSCRIPTION+VÉRIFICATION

FORMULAIRE D'INSCRIPTION+VÉRIFICATION


 Information sur la source

Note :
1 / 10 - par 1 personne
1,00 / 10

  • 1

  • 2

  • 3

  • 4

  • 5

  • 6

  • 7

  • 8

  • 9

  • 10
Catégorie :Formulaire Classé sous :Formulaire, Vérification, inscription Niveau :Débutant Date de création :13/05/2011 Date de mise à jour :28/05/2011 15:25:01 Vu :4 616

Auteur : ellissss

Ecrire un message privé
Commentaire sur cette source (19)
Ajouter un commentaire et/ou une note

 Description

Cliquez pour voir la capture en taille normale
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

  • <html>
  • <head>
  • <title>V&eacute;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>
<html>
<head>
<title>V&eacute;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 ....


 Historique

15 mai 2011 13:11:50 :
changement du code (age)
15 mai 2011 13:19:25 :
petite MAJ
20 mai 2011 17:20:18 :
Formulaire change
28 mai 2011 15:25:01 :
j'ai modifie mailto

 Sources de la même categorie

Source avec Zip Source avec une capture FORMULAIRE TABLEAU par vic511
Source avec Zip Source avec une capture FORMULAIRE DYNAMIQUE par Niidhogg
Source avec Zip Source avec une capture CONTRAINTE DE SAISIE SUR CHAMPS INPUT par ryosama
SELECTS DÉPENDANTS PRÉ-CHARGÉS D'UNE SEULE OPTION par phm
Source avec Zip Source avec une capture BOITE DE DIALOGUE MODALE DE SÉLECTION D'UNE LISTE D'ICONES par JJDai

 Sources en rapport avec celle ci

Source avec Zip UN CHAMP DE SAISIE DE DATE par guykoumba
Source avec Zip FORMULAIRE AVEC VÉRIFICATION DES CHAMPS par mimosa803
Source avec Zip Source avec une capture FAIRE REMPLIR , VERIFIER (NOM,PRENOM...ADRESSE(GRÂCE À LA CA... par ndubien
Source avec Zip EXEMPLE D'UN FORMULAIRE DONT CES CHAMPS SONT VÉRIFIÉS PAR JA... par amine_arbitre
CONTROLE VALIDITE DATE par bibi7500b

Commentaires et avis

Commentaire de ellissss le 13/05/2011 20:49:39

Bien sur copie colle le code sous le bloc note ou même Notepad et enrengistrez le en formulaire1.html

Commentaire de ellissss le 14/05/2011 11:33:27

Prevenez moi s'il ya a une erreur

Commentaire de ellissss le 15/05/2011 13:12:14

j'ai fait une MAJ

Commentaire de ellissss le 15/05/2011 13:19:54

petite Maj

Commentaire de alain04 le 16/05/2011 01:25:29

Juste pour la forme:
"alert("votre age n'est pas correcte veuillez mettre un nombre !!!");"
Correction:
"alert("votre âge n'est pas correct veuillez mettre un nombre !!!");"

Commentaire de alain04 le 16/05/2011 01:55:28

Ah oui, si tu veux que le Formulaire arrive quelque part, il vaut mieux le préciser:
<form name="formulaire" action="mailto:toimeme@machin.tld" method="post" onSubmit="return verif_formulaire()">

Commentaire de polkduran le 16/05/2011 09:53:16 1/10

j'espère que vous pensez aussi à la vérification côté serveur car on désactive le js ou on utilise une console js et la vérification ne sert à rien

Commentaire de ellissss le 16/05/2011 17:44:56

Ceci est ma premiere source je suis debutant et cela sert juste a faire des input,des label....

Commentaire de adavido le 16/05/2011 19:49:07

Merci a vous!!
   Donc il serait preferable donc de modifier le type du champ mot de passe pour mettre tout le monde sur page
          

Commentaire de ellissss le 16/05/2011 20:15:46

Je n'ai pas cmopris :hap:

Commentaire de jiraiya14 le 16/05/2011 22:30:22

pour un mot de passe tu passes le type du champ doit toujours être sur "password" au lieu de "text", sécurité oblige car quelqu'un passant derrière toi double clique dans le champ password et il retient ton mot de passe s'il est enregistré, perso et pour toi préfère une méthode php qui évite le javascript (en cas de désactivation) qui renvoie sur le formulaire en cas d'erreur et si tu veux pas que les utilisateurs retapent tous les champs utilises un POST ou un GET dans l'attribut value de tes champs avec un <?php if(isset($_POST['tonNameDeChamp'])) echo 'value="'.$_POST['tonNomDeChamp'].'"'; ?>
C'est bien en tout cas continue.

Commentaire de ellissss le 17/05/2011 19:01:41

Our un espace membre je vous conseille : http://www.comscripts.com/scripts/php.rvj-espace-membres.2080.html

Commentaire de ellissss le 17/05/2011 21:19:48

j'ai une mauvaise note

Commentaire de ellissss le 20/05/2011 17:22:43

comment changer la note

Commentaire de ellissss le 28/05/2011 15:22:11

Merci de me repondre !

Commentaire de Allan007 le 04/06/2011 00:11:32

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

Commentaire de ellissss le 04/06/2011 14:02:44

Ouais bon ceci est ma premiere source

Commentaire de ellissss le 04/06/2011 14:03:25

c'est bon j'ai change la source et j'ai rajoute ton bout de code

Commentaire de ellissss le 04/06/2011 14:06:43

non ya un bug

 Ajouter un commentaire


Discussions en rapport avec ce code source dans le forum

vérification de formulaire [ par lerlaetitia ] Bonjour,j'aimerais vérifier que la somme de mes champs "SURFACEPIECE$i" soit inférieure à une valeur fixée (200 par exemple). Seulement, je ne sais pa Vérification Formulaire [ par GLTRADE ] Bonjour à vous tous, après avoir cherché dans tous les anciens sujets j'en reviens à votre expérience et vous demande urgemment de l'aide... Voilà j'a Vérification d'un formulaire [ par davidgmmartin ] Bonjour,Je souhaite v&#233;rifier qu'un utilisateur a bien renseign&#233; tous les champs d'un formulaire.Pour les champs texte, pas de souci. En reva Vérification d'un menu dans un formulaire [ par petitedemoiselle ] Bonjour,J'ai cr&#233;e un formulaire dans lequel il y a 2 champs &#224; remplir.Le mail dans un champ de texte.Aucun probl&#232;me pour v&#233;rifier formulaire vérification sur saisie [ par fredshaoline ] Bonjour, Tout d'abord je tiens à vous remercier pour ce site qui est vraiment génial, je suis vraiment ravi de l'avoir connu. Voilà mon problème. PhP Formulaire date du jour [ par givit ] Bonjour...Voilà, j'ai récupéré un script pour faire une partie membre sur mon site. J'aurais voulu ajouter au formulaire d'inscription ou du moins à m Vérification d'un formulaire à 2 boutons [ par derf4002 ] Bonjour,Je cherche à faire des formulaires avec vérification de la validité des champs. J'ai donc récupéré un ptit code javascript que j'ai réadapté e Mon formulaire sur le site des autres ???? [ par christobal ] Bonjour, Je d&#233;sir proposer &#224; mes partenaires un script simple qui leurs permettraient s'ils le souhaitent d'avoir sur leur site le formulair Lecture fin de TextArea [ par fresk13 ] Bonjour à tous. Voila, je travaille actuellement sur un projet en PHP. Lors de l'inscription d'un utilisateur, avant l'apparition du formulaire d'insc calendrier comme dans le formulaire d'inscription de ce site [ par wilecoyote78 ] bonjour, la meilleure façon de vous dire ce que je recherche en vain est sous notre nez ! je viens de m'inscrire sur ce site pour écrire ce post, et


Nos sponsors


Sondage...

CalendriCode

Mai 2012
LMMJVSD
 123456
78910111213
14151617181920
21222324252627
28293031   

Consulter la suite du CalendriCode

Photothèque

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 : 4,836 sec (3)

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