Ce script est déclaré obsolète. Il n'est conservé que pour information.
Script : Contrôles d'un formulaire
Présente tous les éléments et les actions possibles sur un formulaire
Exécution du script
Code source
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/REC-html40/loose.dtd"><html><head><title>JScript - Controles sur formulaire</title><SCRIPT LANGUAGE="JavaScript">//D'autres scripts sur http://www.multimania.com/jscript//Si vous utilisez ce script, merci de m'avertir !<!--function result(n,top) { if (top) { document.forms[0].elements[3*(n-1)+2].value="Champ OK !"; } else { document.forms[0].elements[3*(n-1)].focus(); document.forms[0].elements[3*(n-1)+2].value="Erreur !"; }}function checkNom() { var top=true; if (document.forms[0].elements[0].value.length<2) {alert("Saisissez votre nom"); top=false; } result(1,top);}function checkMail() { var top=true; if (document.forms[0].elements[3].value.length<3) {alert("Saisissez votre E-Mail"); top=false;} else if (document.forms[0].elements[3].value.indexOf('@',0)==-1) {alert("E-Mail invalide"); top=false;} result(2,top);}function checkAnnee() { var top=true; if (document.forms[0].elements[6].value=="") {alert("Saisissez une date"); top=false;} else if (parseInt(document.forms[0].elements[6].value)==0) {alert("Saisissez 4 chiffres"); top=false;} else if (document.forms[0].elements[6].value.length!=4) {alert("Saisissez une date sur 4 chiffres"); top=false;} result(3,top);}function checkCB() { if (document.forms[0].elements[9].checked==false) {alert("La case n'est pas cochée"); document.forms[0].elements[11].value="Erreur !";} else { document.forms[0].elements[11].value="Champ OK !"; }}function checkListe() { var top=true; if (document.forms[0].elements[12].selectedIndex==0) {alert("Sélectionnez une option de la liste");top=false;} result(5,top);}function checkRadio() { if (document.forms[0].elements[15].checked==false) {alert("Cochez le radio-bouton 'Oui'"); document.forms[0].elements[19].value="Erreur !"; } else { document.forms[0].elements[19].value="Champ OK !"; }}document.fgcolor="#FFFFCC";//--></script></HEAD><BODY text="#000000" alink="#FF8C00" link="#FF8C00" vlink="#FF8C00"><TABLE><TR><TD><FONT SIZE="-1" COLOR="#000099" FACE='Arial'><BR><B>Ce script a pour objectif de montrer tous les contrôles possibles sur un formulaire<BR><BR><BR> <FORM> <TABLE valign='center'> <TR> <TD><FONT SIZE="-1" color="#000099">Champ nom :</FONT></TD> <TD><INPUT NAME="NOM" SIZE=20 MAXLENGTH=35></TD> <TD><INPUT TYPE="button" VALUE="Contrôle" onClick=checkNom()> <TD><INPUT SIZE=10 MAXLENGTH=35 VALUE="A contrôler"></TD> </TR> <TR> <TD><FONT SIZE="-1" color="#000099">Champ E-Mail :</FONT></TD> <TD><INPUT NAME="FROM" SIZE=20 MAXLENGTH=35></TD> <TD><INPUT TYPE="button" VALUE="Contrôle" onClick=checkMail()> <TD><INPUT SIZE=10 MAXLENGTH=35 VALUE="A contrôler"></TD> </TR> <TR> <TD><FONT SIZE="-1" color="#000099">Champ date :</FONT></TD> <TD><INPUT NAME="ANNEE" SIZE="4"></TD> <TD><INPUT TYPE="button" VALUE="Contrôle" onClick=checkAnnee()> <TD><INPUT SIZE=10 MAXLENGTH=35 VALUE="A contrôler"></TD> </TR> <TR> <TD><FONT SIZE="-1" color="#000099">Champ case à cocher :</FONT></TD> <TD><INPUT TYPE="checkbox" NAME="CheckBox"></TD> <TD><INPUT TYPE="button" VALUE="Contrôle" onClick=checkCB()> <TD><INPUT SIZE=10 MAXLENGTH=35 VALUE="A contrôler"></TD> </TR> <TR> <TD><FONT SIZE="-1" color="#000099">Liste déroulante :</FONT></TD> <TD><SELECT NAME="Liste" SIZE=1> <OPTION VALUE="choix">Choisir une option... <OPTION VALUE="O1">Option 1 <OPTION VALUE="O2">Option 2 <OPTION VALUE="O3">Option 3 </SELECT></TD> <TD><INPUT TYPE="button" VALUE="Contrôle" onClick=checkListe()> <TD><INPUT SIZE=10 MAXLENGTH=35 VALUE="A contrôler"></TD> </TR> <TR> <TD><FONT SIZE="-1" color="#000099">Champ case à cocher :</FONT></TD> <TD><FONT SIZE="-1" color="#000099"> <INPUT TYPE="radio" NAME="Radio"> Oui <INPUT TYPE="radio" NAME="Radio"> Non <INPUT TYPE="radio" NAME="Radio" checked> Peut-être </FONT></TD> <TD><INPUT TYPE="button" VALUE="Contrôle" onClick=checkRadio()> <TD><INPUT SIZE=10 MAXLENGTH=35 VALUE="A contrôler"></TD> </TR> </TABLE> </FORM> </FONT></TD></TR></TABLE></BODY></HTML><!-- Script développé par Olivier Hondermarck Mail: jscript@multimania.com --><!-- D'autres scripts et des conseils sur http://www.multimania.com/jscript -->
Troisième édition Tout JavaScript chez Dunod
En savoir plusSortie le 4 janvier 2023
Version papier 29€90
Format électronique 22€99.
Commandez en ligne Le graph des objets JavaScript
Chargement
en cours...