Formulaire dynamique--------------------
Url : http://codes-sources.commentcamarche.net/source/54155-formulaire-dynamiqueAuteur : NiidhoggDate : 05/08/2013
Licence :
=========
Ce document intitulé « Formulaire dynamique » issu de CommentCaMarche
(codes-sources.commentcamarche.net) est mis à disposition sous les termes de
la licence Creative Commons. Vous pouvez copier, modifier des copies de cette
source, dans les conditions fixées par la licence, tant que cette note
apparaît clairement.
Description :
=============
Un simple formulaire adaptable qui réagis selon les donnée entrer
NB: La fonction passwordScore(pass) n'est pas très précise,
c'étais pas mon but initial
<!DOCTYPE html> <html lang="fr"> <head> <m eta charset="utf-8" /> <title>Formulaire actif</t itle> <script src="JS/regexp.js"></script> <sc ript src="JS/passVerif.js"></script> <script src=" JS/forms.js"></script> <link rel="stylesheet" href ="CSS/forms.css" /> <link rel="stylesheet" href=&qu ot;CSS/design.css" /> <script> //Change the color of th e bar function change(id, val) { if(val == 0) document.getEle mentById(id).style.backgroundColor = "#dd0000"; else if(val == 1) document.getElementById(id).style.backgroundColor = "#70b500"; else document.getElementById(id).style.backgroundColor = "#ffc50 0"; } </script> </head> <body> <form method="post" action=""> <h2>Form ulaire: </h2> <div class="p"> <label for= "pseudo">Pseudo: </label><input type="text" name ="pseudo" id="pseudo" onchange='nform_alphaNum(pseudo.value, change, "verPseudo")' /> <div id="verPseudo" cl ass="zoneVerif"></div><br /> <label for="m dp">Mot de passe: </label><input type="password" name ="mdp" id="mdp" onchange='nform_pass(mdp.value, change, &quo t;verMdp")' /> <div id="verMdp" class="zoneVerif "></div><br /> <label for="mdp2">Retape z le mot de passe: </label><input type="password" name=" mdp2" id="mdp2" onchange='nform_passVerif(mdp.value, mdp2.value, change, "verMdp2")' /> <div id="verMdp2" class=& quot;zoneVerif"></div><br /> <label for="mail&q uot;>Adresse email: </label><input type="text" name=" mail" id="mail" onchange='nform_mail(mail.value, change, "ve rMail")' /> <div id="verMail" class="zoneVerif&q uot;></div><br /> </div> <hr /> <div class="p"> <label for="nom">Nom: </label> ;<input type="text" name="nom" id="nom" onchang e='nform_alpha(nom.value, change, "verNom")' /> <div id=&q uot;verNom" class="zoneVerif"></div><br /> &l t;label for="cp">Code postal: </label><input type="te xt" name="cp" id="cp" onchange='nform_num(cp.value, cha nge, "verCp")' /> <div id="verCp" class="zo neVerif"></div><br /> </div> </form> <script> var pseudo = document.getElementById("pseudo"); var mdp = document.getElementById("mdp"); var mdp2 = document. getElementById("mpd2"); var mail = document.getElementById("m ail"); var nom = document.getElementById("nom"); var cp = document.getElementById("cp"); </script> </body > </html>