begin process at 2010 02 09 19:39:07
  Trouver un code source :
 
dans
 
[ Dernières recherches ]
Accueil > 

Code

 > 

Formulaire

 > SCRIPT KIT "JAVASCRIPT" DE VERIFICATION D'UN FORMULAIRE

SCRIPT KIT "JAVASCRIPT" DE VERIFICATION D'UN FORMULAIRE


 Information sur la source

Note :
9 / 10 - par 2 personnes
9,00 / 10

  • 1

  • 2

  • 3

  • 4

  • 5

  • 6

  • 7

  • 8

  • 9

  • 10
Catégorie :Formulaire Classé sous :javascript, formulaire, verification, champ, input Niveau :Expert Date de création :01/12/2005 Date de mise à jour :04/12/2005 12:46:52 Vu :32 836
Auteur : raydan

Ecrire un message privé
Site perso
Commentaire sur cette source (5)
Ajouter un commentaire et/ou une note

 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

Source avec Zip Source avec une capture CALCULS RAYNAUX V2 par Ali Bibi
Source avec Zip Source avec une capture VALIDATION D'UN FORMULAIRE par grarestephane
Source avec Zip Source avec une capture CHAT VIRTUEL par grarestephane
Source avec Zip Source avec une capture AJOUTER ET SUPPRIMER DES FICHIERS DANS UNE LISTE par grarestephane
Source avec Zip TEXTAREA : LIMITER LA LARGEUR ET LA HAUTEUR DU TEXTE SAISIE par vilfarfadet
Toutes les sources de la catégorie Formulaire

 Sources en rapport avec celle ci

Source avec Zip Source avec une capture CONTRÔLE DES CHAMPS D'UN FORMULAIRE [CCF] par bultez
Source avec Zip FORMULAIRE AVEC VÉRIFICATION DES CHAMPS par mimosa803
Source avec Zip EXEMPLE D'UN FORMULAIRE DONT CES CHAMPS SONT VÉRIFIÉS PAR JA... par amine_arbitre
Source avec Zip Source avec une capture SELECT AVEC PLUSIEURS COLONNES par tikaprod
INFORMATION SUR LES INPUTS DE FORMULAIRE par reblochon

Commentaires et avis

Commentaire de ivanoff1 le 02/12/2005 09:09:47

Salut !!

Sympa comme source :o)

Mais pour ton problème de forms avec l'index == 0,
Tu ne peux pas mettre : document.forms.item("nameFrame") ? (et tu le passe en paramètre à ta function)
Normalement c'est possible, non ?

A pluche

Ivanov

Commentaire de jjdagadir le 02/12/2005 12:05:08

çà marche bien, et le code est simple, une seule remarque, il faut être vigilent dans le nom des champs car le souscripteur obtient des noms bizarres si ceux ci ne sont pas explicites, comme dans ton fichier exemple d'ailleurs. Mais si on prend soin de créer un formulaire avec des champs explicites que l'on retrouvera lors du renvoi d'ommission par le JS, c'est certainement une très bonne vérif si on veut que tous les champs soient remplis.
bravo pour la simplicité,
Kenavo

Commentaire de josh666 le 02/12/2005 22:52:56

Pratique le script... mais sa serait bien de vérifier le type de élément du formulaire pour que quand c'est un select et bien sa vérifie si l'élément sélectionner est différent de l'élément de départ ( ds les formulaire du met choisir comme premier élément)

Bonne continuation

Commentaire de abdelaziz_info le 03/12/2005 07:55:46



C’est bien sauf que les éléments ratés et formatés plus tard gardent  le même fond comme si n’est rien changé tester le code comme ceci et merci :




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;
      
      
///////////////////////////////////////////////// Background des éléments déjà formatés      
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;
            
}
}

Commentaire de vaesoli le 09/02/2006 11:26:21

ça marche super bien mais seulement avec un seul formulaire, quand j'ais essayé de placer la vérification pour deux formulaires se trouvant sur la même page, et bien le script qui fonctionnait très bien sous Firefox et IE s'est mis à déconner sous IE, aurais tu une solution?

 Ajouter un commentaire


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 &lt; 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 &lt;input type="text" name valeur d'un champ formulaire récupèrer d'un code javascript [ par katousa ] bonjour, je viens de commencer &#224; programmer avec javascript, mon pb, est queje veux afficher la valeur du date et l'heure actuel&nbsp;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


Nos sponsors


Sondage...

CalendriCode

Février 2010
LMMJVSD
1234567
891011121314
15161718192021
22232425262728

Consulter la suite du CalendriCode
 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 0,499 sec (3)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales
Outils Convertisseur VB/C# Snippets et scripts Outils en ligne La ToolBox
Communauté Programmation Photographie Technologie Newsgroups Emploi Forum Blogs
Guide d'achat Téléphonie mobile Image et son Informatique Bureautique Jeux vidéo
Logiciels Internet & Réseau Développement Market Android Jeux & Loisirs Graphisme Multimédia Sécurité Pilotes
Loisirs Cartes virtuelles Vidéos droles Jeux en ligne Géoguide AndroLib (Android Market)