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

Sou rce / Exemple : 


<!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>