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
Comment inserer dynamiquement un champ input [ par aholigans ]
salut à vs ts, en faite j'ai le meme probleme que jarod1980, j'ai un tableau contenant 7 champs tewte (textfields), lorsque je clique sur un boutton u
Retour vers un formulaire [ par jytest ]
Bonsoir, J'ai créé un formulaire par html. J'ai fait une validation de champs via le php (ex."email") Mais... Si un champ n'est pas valide, je n'arri
|
Derniers Blogs
COMMENT MAPPER UNE VUE SQL SUR UNE COLLECTION DE COMPLEX TYPE?COMMENT MAPPER UNE VUE SQL SUR UNE COLLECTION DE COMPLEX TYPE? par Matthieu MEZIL
Avec EF, les vues doivent être mappées sur des entity types. Le problème c'est que les entity types doivent avoir une clé. Avec EF, nous avons les complex type qui n'ont pas de clé mais les vues ne peuvent pas être mappées dessus. Avec EF4, il est possibl...
Cliquez pour lire la suite de l'article par Matthieu MEZIL [WF4] UN BINDING ACTIVITY/ACTIVITYDESIGNER QUI PASSE MAL?[WF4] UN BINDING ACTIVITY/ACTIVITYDESIGNER QUI PASSE MAL? par JeremyJeanson
Certain d'entre vous on peut être vécu cette situation embarrassante après quelques temps passer avec WF4 : Au début avec mon " ActivityDesigner" , tout allait bien. Et puis un jour j'ai au des problèmes de " Binding" . Alors nous sommes allé sur le site ...
Cliquez pour lire la suite de l'article par JeremyJeanson MYTIC - SHAREPOINT 2010 : DéJà UN MYTHE MICROSOFT ?MYTIC - SHAREPOINT 2010 : DéJà UN MYTHE MICROSOFT ? par junarnoalg
La prochaine session de MyTIC aura lieu à Namur, le 23 mars prochain. Pendant presque une heure, nous parlerons de SharePoint 2010. Voici un aperçu du programme.
Accueil : 17h30 Début de la session : 18h00 - Les nouvelles int...
Cliquez pour lire la suite de l'article par junarnoalg
Logiciels
Academy System (10.9.4.0)ACADEMY SYSTEM (10.9.4.0)Logiciel de gestion des établissements.
- élèves/étudiants (inscription, dossier, absence...)
-... Cliquez pour télécharger Academy System Xilisoft Convertisseur Vidéo Ultimate (5.1.39.0305)XILISOFT CONVERTISSEUR VIDéO ULTIMATE (5.1.39.0305)Xilisoft Convertisseur Vidéo Ultimate est un outil puissant de conversion vidéo, facile à utilise... Cliquez pour télécharger Xilisoft Convertisseur Vidéo Ultimate Xilisoft DVD Ripper Ultimate (5.0.64.0304)XILISOFT DVD RIPPER ULTIMATE (5.0.64.0304)Xilisoft DVD Ripper Ultimate est un logiciel excellent pour copier et convertir DVD vers presque ... Cliquez pour télécharger Xilisoft DVD Ripper Ultimate Rigs of Rods (63.3)RIGS OF RODS (63.3)c'est un jeu de multi-simulation camions,autobus voitures, avions, bateaux, hélicoptère avec défo... Cliquez pour télécharger Rigs of Rods
Comparez les prix

HTC Hero
Entre 550€ et 550€
|