Formulaire à validation automatique des champ
PSPOwner
Messages postés
2
Statut
Membre
-
PSPOwner Messages postés 2 Statut Membre -
PSPOwner Messages postés 2 Statut Membre -
Bonjour tout le monde,
J'aimerais bien savoir comment faire un formulaire avec des champs qui se valident tous seuls. Par exemple, si je mets un mail éroné, le formulaire affiche un petit X rouge, si le mail est bon, il affiche un V vert. Un peu comme ça :
http://papulosaure2.free.fr/formulaire.jpg
Merci pour vos réponses
J'aimerais bien savoir comment faire un formulaire avec des champs qui se valident tous seuls. Par exemple, si je mets un mail éroné, le formulaire affiche un petit X rouge, si le mail est bon, il affiche un V vert. Un peu comme ça :
http://papulosaure2.free.fr/formulaire.jpg
Merci pour vos réponses
A voir également:
- Formulaire à validation automatique des champ
- Whatsapp formulaire opposition - Guide
- Ethernet n'a pas de configuration ip valide - Guide
- Recherche automatique des chaînes ne fonctionne pas - Guide
- Formulaire de réclamation facebook compte désactivé - Guide
- Réponse automatique thunderbird - Guide
2 réponses
Salut,
une piste:
aux endroits ou tu veux tes icones tu mets des <div id="icone_champ1" etc;;;
ensuite tu creére une fonction javascript qui vérifie les champs ( vas voir sur Google comment verifier champ formulaire par JS)
et en fonction si bon ou pas bon va poser l'icone Ok ou nok par
document.getElementByID(id_div_du_champ).innerHTML=icone_ok;
cette fonction sera déclenchée lorsque le champ perd le focus:
onBlur="ta_fonction_js('id_du_champ',id_div_du_champ');"
une piste:
aux endroits ou tu veux tes icones tu mets des <div id="icone_champ1" etc;;;
ensuite tu creére une fonction javascript qui vérifie les champs ( vas voir sur Google comment verifier champ formulaire par JS)
et en fonction si bon ou pas bon va poser l'icone Ok ou nok par
document.getElementByID(id_div_du_champ).innerHTML=icone_ok;
cette fonction sera déclenchée lorsque le champ perd le focus:
onBlur="ta_fonction_js('id_du_champ',id_div_du_champ');"