Accueil > > > SCRIPT KIT "JAVASCRIPT" DE VERIFICATION D'UN FORMULAIRE
SCRIPT KIT "JAVASCRIPT" DE VERIFICATION D'UN FORMULAIRE
Information sur la source
Description
J'ai reflechis sur un code Javascript qui permet de verifier automatiquement si tous les champs d'un formulaire sont renseigné (sans ternir compte du type de donnée qui y est inscrit) . Ainsi, quelque soit votre formulaire ce code fonctionnera. Seuleument verifier la position de votre formulaire dans le DOM de la page web. dans ce script il n'y a qu'un seul formulaire donc le tableau forms a pour indice 0 =>forms[0]. Treve de bavardage. le script
Source
- script : autre.js
-
- function check_input(){
- var message_alert = "";
- for(var i = 0; i < window.document.forms[0].length ; i++) {
- var rechRapide = window.document.forms[0].elements[i].value;
- var nom_champ = window.document.forms[0].elements[i].name;
- window.document.forms[0].elements[i].style.backgroundColor = "#FFFFFF";
- if(rechRapide == "") {
- window.document.forms[0].elements[i].focus();
- window.document.forms[0].elements[i].style.backgroundColor = "#CCCCCC";
- message_alert +=" Veuillez remplir le champ " + nom_champ +"\n";
- }
- }
- if (message_alert == "") {
- return true;
- } else {
- message_alert = "Informations omises dans le formulaire : \n" + message_alert;
- alert(message_alert);
- return false;
- }
- }
-
-
- fichier html : index.html
-
- <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
- "http://www.w3.org/TR/html4/loose.dtd">
- <html>
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
- <title>Essai verif champ </title>
- <script type="text/javascript" src="autre.js"> </script>
- </head>
-
- <body>
- <form name="form1" method="GET" action="lire.php" onSubmit = "var resultat = check_input(); return resultat;" >
- <table width="500" border="0" cellspacing="0" cellpadding="2" class="Texte_form">
- <tr>
- <td width="84">Numéro client </td>
- <td><input type="text" name="Numéro_client" value="" size="6">
- </td>
- <td colspan="2"> </td>
- </tr>
- <tr>
- <td>NOVA </td>
- <td width="82"><input type="text" name="NOVA" value="" size="6">
- </td>
- <td width="102">Numero classement </td>
- <td width="116"><input type="text" name="Numero_classement" value="" size="6"></td>
- </tr>
- <tr>
- <td colspan="4"><table width="390" border="0" cellspacing="0" cellpadding="2" class="Texte_form">
- <tr>
- <td width="83">Nom du client</td>
- <td colspan="3"><input type="text" name="Nom_du_client" value="" size="35"></td>
- </tr>
- <tr>
- <td>Dénomination</td>
- <td colspan="3"><input type="text" name="Dénomination" value="" size="35"></td>
- </tr>
- <tr>
- <td>Adresse client</td>
- <td colspan="3"><input type="text" name="Adresse_client" value="" size="35"></td>
- </tr>
- <tr>
- <td>Adresse suite</td>
- <td colspan="3"><input type="text" name="Adresse_suite" value="" size="35"></td>
- </tr>
- <tr>
- <td>Code postal </td>
- <td width="86"><input type="text" name="Code_postal" value="" size="6"></td>
- <td width="28">Ville</td>
- <td width="177"><input type="text" name="Ville" value="" size="18"></td>
- </tr>
- </table>
- <input type="image" src="img/save.gif" width="31" height="29" name="Submit">
- </form>
- </body>
- </html>
script : autre.js
function check_input(){
var message_alert = "";
for(var i = 0; i < window.document.forms[0].length ; i++) {
var rechRapide = window.document.forms[0].elements[i].value;
var nom_champ = window.document.forms[0].elements[i].name;
window.document.forms[0].elements[i].style.backgroundColor = "#FFFFFF";
if(rechRapide == "") {
window.document.forms[0].elements[i].focus();
window.document.forms[0].elements[i].style.backgroundColor = "#CCCCCC";
message_alert +=" Veuillez remplir le champ " + nom_champ +"\n";
}
}
if (message_alert == "") {
return true;
} else {
message_alert = "Informations omises dans le formulaire : \n" + message_alert;
alert(message_alert);
return false;
}
}
fichier html : index.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Essai verif champ </title>
<script type="text/javascript" src="autre.js"> </script>
</head>
<body>
<form name="form1" method="GET" action="lire.php" onSubmit = "var resultat = check_input(); return resultat;" >
<table width="500" border="0" cellspacing="0" cellpadding="2" class="Texte_form">
<tr>
<td width="84">Numéro client </td>
<td><input type="text" name="Numéro_client" value="" size="6">
</td>
<td colspan="2"> </td>
</tr>
<tr>
<td>NOVA </td>
<td width="82"><input type="text" name="NOVA" value="" size="6">
</td>
<td width="102">Numero classement </td>
<td width="116"><input type="text" name="Numero_classement" value="" size="6"></td>
</tr>
<tr>
<td colspan="4"><table width="390" border="0" cellspacing="0" cellpadding="2" class="Texte_form">
<tr>
<td width="83">Nom du client</td>
<td colspan="3"><input type="text" name="Nom_du_client" value="" size="35"></td>
</tr>
<tr>
<td>Dénomination</td>
<td colspan="3"><input type="text" name="Dénomination" value="" size="35"></td>
</tr>
<tr>
<td>Adresse client</td>
<td colspan="3"><input type="text" name="Adresse_client" value="" size="35"></td>
</tr>
<tr>
<td>Adresse suite</td>
<td colspan="3"><input type="text" name="Adresse_suite" value="" size="35"></td>
</tr>
<tr>
<td>Code postal </td>
<td width="86"><input type="text" name="Code_postal" value="" size="6"></td>
<td width="28">Ville</td>
<td width="177"><input type="text" name="Ville" value="" size="18"></td>
</tr>
</table>
<input type="image" src="img/save.gif" width="31" height="29" name="Submit">
</form>
</body>
</html>
Historique
- 04 décembre 2005 12:46:52 :
- Les champs renseigné par la suite voient leur fond reapparaitre en blanc à la prochaine validation.
Sources de la même categorie
Commentaires et avis
Discussions en rapport avec ce code source dans le forum
verification champ de formulaire [ par elanspeech ]
Bonjour,Je souhaiterais verifier le bon formatage et la validite d'une date entree dans un champ de formulaire.formatage jj/mm/aaaa, avec jj < 32,
Formulaire avec verification dynamique [ par bladebo ]
BonjourVoila j'aimerai savoir comment faire pour vérifier un formulaire et faire un affichage qui se modifie si certaines zones du formulaire ne sont
Question javascript!! [ par flox22 ]
Salut tout le monde voila je debute en javascript et g besoin d'un peu d'aide. G un formulaire a plusieurs champ du style <input type="text" name
valeur d'un champ formulaire récupèrer d'un code javascript [ par katousa ]
bonjour, je viens de commencer à programmer avec javascript, mon pb, est queje veux afficher la valeur du date et l'heure actuel calculer da
Verification de formulaire [ par Dunya ]
Bonjour J'essaie désespérément de vérifier un formulaire avec javascript depuis des jours. J'ai beaucoup lu y compris sur ce forum mais je ne vois pa
Passage d'une variable dans un formulaire [ par jeanmarieb ]
Bonjour, Je voudrais me servir du résultat du champ précédent dans le champ suivant Exemple : suivant le choix effectué dans le champ où je peux
Popup css? avec formulaire inside [ par DaD92 ]
Salut à tous, Je ne suis pas très fort en développement, je connais un peu les CSS et le php, mais mon petit cerveau c'est arrêté là pour l'instant.
Question sur control de formulaire en JS [ par Vylco ]
Bonjour, voila j'ai créer un formulaire en html, je vois comment comment controler si un champ est vide mais en plus de sa j'aimerais que quand un cha
regex javascript compatibilité [ par camellion2 ]
Bonjour à tous, J'ai un souci avec une regex sous javascript qui me permet de verifier que l'utilisateur a bien tapé un entier ou un décimal du type
Bouton et liste déroulante dans un formulaire [ par lebender33 ]
Bonjour à tous, Ca fait super longtemps que je n'avais pas codé et je me suis lancer dans un script grease monkey html/javascript pour rendre l'utili
|
Derniers Blogs
TECHDAYS PARIS 2010 : LA BI DANS SHAREPOINT 2010TECHDAYS PARIS 2010 : LA BI DANS SHAREPOINT 2010 par ROMELARD Fabrice
Animé par: Vincent Bellet et Baptiste Giraudier La BI dans SharePoint 2010, Les nouveaux services d'application dans SP2010 et SQL Server Reporting services 2008 R2. La BI dans SharePoint est généralisée pour tous afin de permettre à tous les coll...
Cliquez pour lire la suite de l'article par ROMELARD Fabrice TECHDAYS PARIS 2010 : PLAN DE MIGRATION VERS SHAREPOINT 2010TECHDAYS PARIS 2010 : PLAN DE MIGRATION VERS SHAREPOINT 2010 par ROMELARD Fabrice
Animé par: Arnault Nouvel et Antoine Dongois Le processus à prendre : Apprendre (découvrir la plateforme) Préparer (documenter l'historique et choisir la méthode de MAJ) Test (Test de MAJ) Implémenter (Effectuer la MAJ) Valid...
Cliquez pour lire la suite de l'article par ROMELARD Fabrice TECHDAYS PARIS 2010 : LA PLEINIèRE DU SECOND JOURTECHDAYS PARIS 2010 : LA PLEINIèRE DU SECOND JOUR par ROMELARD Fabrice
Après un retour sur l'histoire des TechDays de Paris et le fait que ce soit le plus gros event MS au monde (du fait de sa gratuité), le président de MS France (Eric Boustoullier) a fait une présentation de la vision Microsoft pour les années à venir...
Cliquez pour lire la suite de l'article par ROMELARD Fabrice
Logiciels
DB-MAIN (9.1.0)DB-MAIN (9.1.0)DB-MAIN is a data-modeling and data-architecture tool. It is designed to help developers and anal... Cliquez pour télécharger DB-MAIN Xilisoft DPG Convertisseur (5.1.37.0120)XILISOFT DPG CONVERTISSEUR (5.1.37.0120)Xilisoft DPG Convertisseur offre aux fans de Nintendo DS une bonne solution leur permettant de dé... Cliquez pour télécharger Xilisoft DPG Convertisseur GraphicsGale (2.01.01)GRAPHICSGALE (2.01.01)GraphicsGale est un logiciel de PixelArt avec de nombreuse fonctionnalités permettant de réalisé ... Cliquez pour télécharger GraphicsGale Architecte 3D (Platinum 2010)ARCHITECTE 3D (PLATINUM 2010)Architecte 3D Platinium vous permet de concevoir facilement les plans votre future maison, de l'é... Cliquez pour télécharger Architecte 3D TeamViewer 5 (TeamViewer 5)TEAMVIEWER 5 (TEAMVIEWER 5)Dépanner un ami,expliquer une manipulation devient un jeu d'enfant.
Prise en main d'un autre ord... Cliquez pour télécharger TeamViewer 5
|