Formulaire
onizuka
-
Pitet Messages postés 2826 Date d'inscription Statut Membre Dernière intervention -
Pitet Messages postés 2826 Date d'inscription Statut Membre Dernière intervention -
J'ai creer un formulaire en html avec nom prenom email mot de passe.
J'aimerai que quand je quitte un champ une fonction javascript vérifie le contenu. si le contenu est valide rien ne se passe et si il est pas valide la bordure du champ devient rouge et un message d erreur affiche une fenetre pop-up et le curseur revient dans le champ invalide.
les conditions pour nom et prénom c est au moins 2 lettre
pour le mail verifier la présence du @ et du point et pour le mot de passe au moins 6 caractères
EDIT : Ajout des balises de code (la coloration syntaxique).
Explications disponibles ici :
https://codes-sources.commentcamarche.net/faq/10686-le-nouveau-codes-sources-comment-ca-marche#balises-code
Merci d'y penser dans tes prochains messages.
.
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <script type="text/javascript" src="script2.js"></script> </head> </head> <form> <p>Nom <input type="text" name="nom" /></p> <p>Prénom <input type="text" name="prenom" /></p> <p>E-mail <input type="text" name="email" /></p> <p>Mot de passe <input type="password" name="passe" value="azerty"></p> </form> </html>
J'aimerai que quand je quitte un champ une fonction javascript vérifie le contenu. si le contenu est valide rien ne se passe et si il est pas valide la bordure du champ devient rouge et un message d erreur affiche une fenetre pop-up et le curseur revient dans le champ invalide.
les conditions pour nom et prénom c est au moins 2 lettre
pour le mail verifier la présence du @ et du point et pour le mot de passe au moins 6 caractères
EDIT : Ajout des balises de code (la coloration syntaxique).
Explications disponibles ici :
https://codes-sources.commentcamarche.net/faq/10686-le-nouveau-codes-sources-comment-ca-marche#balises-code
Merci d'y penser dans tes prochains messages.
.
A voir également:
- Que signifie alias du formulaire
- Whatsapp formulaire opposition - Guide
- Formulaire de réclamation facebook - Guide
- Que signifie la croix sur snap - Forum Snapchat
- Civilité sur un formulaire - Forum VB / VBA
- Formulaire de reclamation instagram - Guide
2 réponses
Bonjour,
Regardes du côté de : https://www.w3schools.com/jsref/event_onblur.asp
Ensuite, pour réaliser tes tests .. tu peux utiliser :
- la propriété length() pour connaitre le nombre de caractères
- et/ou les REGEX qui te permettrons aussi de faire le test sur la validité des adresses mail.
=> des tonnes d'exemples sont disponibles sur le net....
Regardes du côté de : https://www.w3schools.com/jsref/event_onblur.asp
Ensuite, pour réaliser tes tests .. tu peux utiliser :
- la propriété length() pour connaitre le nombre de caractères
- et/ou les REGEX qui te permettrons aussi de faire le test sur la validité des adresses mail.
=> des tonnes d'exemples sont disponibles sur le net....
Salut,
A la place et/ou en complément des vérifications javascript, tu peux également utiliser la validation des formulaires avec HTML5.
Par exemple pour rendre obligatoire la saisie d'un mail valide :
Pour obliger la saisie d'au moins deux lettres pour le pseudo :
Plus d'info : https://www.alsacreations.com/tuto/lire/1370-formulaire-html5-placeholder-required-pattern.html
Bonne journée
A la place et/ou en complément des vérifications javascript, tu peux également utiliser la validation des formulaires avec HTML5.
Par exemple pour rendre obligatoire la saisie d'un mail valide :
<input type="email" name="email" required />
Pour obliger la saisie d'au moins deux lettres pour le pseudo :
<input type="text" name="prenom" pattern="[a-zA-Z]{2,}" required />
Plus d'info : https://www.alsacreations.com/tuto/lire/1370-formulaire-html5-placeholder-required-pattern.html
Bonne journée
