Accueil > > > FUNCTIONS DE CONTROLE DE SAISIE D'UN FORMULAIRE.
FUNCTIONS DE CONTROLE DE SAISIE D'UN FORMULAIRE.
Information sur la source
Description
Cette function, en javascript, permet de parcourir tous les éléments d'un formulaire et de vérifier, selon certaines regles, si l'utilisateur n'a pas mis n'importe quoi :) Le seul impératif est de nommer ses éléments selon une certaine norme : XY_[Nom_de_l'élément] X = O,o ou F,f ( Obligatoire ou Facultatif ) Y = Type d'element c,C ; d,D ; n,N ; T,t ; r,R ; b,B = Combobox; Date; Numérique; Texte; Radio; CheckBox Les fonctions suivantes servent à vérifier la date et à enlever le "XY_" devant les noms des éléments.
Source
- <script LANGUAGE="JavaScript">
-
- /*
- Type : c,C ; d,D ; n,N ; T,t ; r,R ; b,B (Combobox, Date, Numérique, Texte ( alphanumérique ), Radio, CheckBox)
- Option : o,O ou f,F (Obligatoire ou Facultatif)
- */
- function Verif_Forms(MonForm)
- {
- var ok;
- var NbBox;
- var NbRadio;
- var NbElements = MonForm.elements.length;
- // Boucle tous les éléments du formulaire
- for (var l = 0; l < NbElements; l++)
- {
- var Nom_Element = MonForm.elements[l].name;
- var Nom_Lowercase = Nom_Element.toLowerCase();
- var Champ = MonForm.elements[l];
- // Verifie que l'element n'est pas vide si il est obligatoire
- if (Nom_Lowercase.substring(0,1) == "o" && Champ.value == "")
- {
- alert("Le champ suivant est obligatoire : " + Champ.id );
- Champ.focus();
- return false;
- }
- // Verifie que l'element contient bien une date même si ce champ n'est pas obligatoire à remplir
- if (Nom_Lowercase.substring(1,2) == "d")
- {
- // Appel à la fonction Control_Date
- if (! Control_Date(Champ.value))
- {
- alert("Format de date invalide pour le champ " + Champ.id + ".\nLe format de date valide est JJ/MM/AAAA" );
- Champ.focus();
- return false;
- }
- }
- // Verifie que l'element ne contient que des chiffres même si ce champ n'est pas obligatoire à remplir
- if (Nom_Lowercase.substring(1,2) == "n")
- {
- if (isNaN(Champ.value))
- {
- alert("Le champ suivant est numérique : " + Champ.id );
- Champ.focus();
- return false;
- }
- }
- // Verifie que l'utilisateur a fait un choix dans la combobox
- // ATTENTION :
- // Implique la déclaration d'une option dans le select avec la valeur -1 **
- if (Nom_Lowercase.substring(0,1) == "o" && Nom_Lowercase.substring(1,2) == "c" )
- {
- if (Champ.value == -1)
- {
- alert("Le champ suivant est obligatoire : " + Champ.id);
- Champ.focus();
- return false;
- }
- }
- // Controle qu'un boutton radio a été selectionné
- if (Nom_Lowercase.substring(0,1) == "o" && Nom_Lowercase.substring(1,2) == "r")
- {
- ok = false;
- // getElementsByName([Nom_element]).length renvoie le nombre d'element du meme nom
- // Merci bultez
- NbRadio = document.getElementsByName(Nom_Element).length;
- for (var k = 0; k < NbRadio; k++)
- {
- if (document.getElementsByName(Nom_Element)[k].checked == true)
- {
- ok = true
- k = document.getElementsByName(Nom_Element).length;
- }
- }
- if (ok == false)
- {
- alert("Le champ suivant est obligatoire : " + Champ.id);
- Champ.focus();
- return false;
- }
- }
- // Meme chose mais avec des CheckBox
- if (Nom_Lowercase.substring(0,1) == "o" && Nom_Lowercase.substring(1,2) == "b" )
- {
- ok = false;
- NbBox = document.getElementsByName(Nom_Element).length;
- for (var k = 0; k < NbBox; k++)
- {
- if (document.getElementsByName(Nom_Element)[k].checked == true)
- {
- ok = true
- k = document.getElementsByName(Nom_Element).length;
- }
- }
- if (ok == false)
- {
- alert("Le champ suivant est obligatoire : " + Champ.id);
- Champ.focus();
- return false;
- }
- }
- }
- return true;
- }
-
-
- // Si l'element est nul, renvoie True ( "oui, l'element est vide" )
- // Sinon, vérifie la date
- function Control_Date (MaDate)
- {
- var strTemporaire = MaDate;
-
- if (strTemporaire == '')
- return true;
- strTemporaire = formatDate(strTemporaire);
- if (strTemporaire == null)
- return false;
-
- return true;
- }
-
- // Enleve les "XY_" devant le [Nom_de_l'element]
- function Format_Nom (NomChamp)
- {
- var position
- var NomTemp = NomChamp
- position = NomTemp.indexOf("_");
- NomTemp = NomTemp.substr(position,NomTemp.length)
- var reg = new RegExp("_","gi");
- NomTemp = NomTemp.replace(reg," ");
- return NomTemp;
- }
-
-
- // Function qui format une date et vérifie si elle n'est pas farfelue
- // Cette fonction n'est pas de moi. Je sais juste qu'elle vient d'un Cédric
- // Merci à lui
- function formatDate(valeur)
- {
- var JJ;var MM;var AAAA;
- isMatch = false;
- var tabDate
- // L'ordre de lecture des expressions est important
- var expReg1 = /(\d{2})(\d{2})(\d{4}|\d{2})/;
- var expReg2 = /(\d{2}|\d)\/(\d{2}|\d)\/(\d{4}|\d{2})/;
- // tabDate={JJMMAAAA ou JJMMAA}
- tabDate = valeur.match(expReg1);
- if ((tabDate != null) && (tabDate[0] == valeur))
- {
- isMatch = true;
- JJ = tabDate[1];
- MM = tabDate[2];
- if (tabDate[3].length == 2 ) AAAA = '20' + tabDate[3] ;
- else AAAA = tabDate[3];
- }
- // tabDate={JJ/MM/AAAA ou JJ/MM/AA}
- tabDate = valeur.match(expReg2);
- if ((tabDate != null) && (tabDate[0] == valeur))
- {
- isMatch = true;
- if (tabDate[1].length == 1 ) JJ = '0' + tabDate[1];
- else JJ = tabDate[1];
- if (tabDate[2].length == 1 ) MM = '0' + tabDate[2];
- else MM = tabDate[2];
- if (tabDate[3].length == 2 ) AAAA = '20' + tabDate[3] ;
- else AAAA = tabDate[3];
- }
-
- var objDate=new Date(AAAA, (MM - 1) ,JJ);
-
- if ((JJ=='32') && (MM='13') && isMatch) {
- //return JJ + '/' + MM + '/' + AAAA;
- return objDate;
- }
-
- if ( (!isMatch) || (objDate.getDate() != JJ) || ((objDate.getMonth()+1) != MM )) {
- return null;
- }
- //return JJ + '/' + MM + '/' + AAAA;
- return objDate;
- }
-
- </script>
<script LANGUAGE="JavaScript">
/*
Type : c,C ; d,D ; n,N ; T,t ; r,R ; b,B (Combobox, Date, Numérique, Texte ( alphanumérique ), Radio, CheckBox)
Option : o,O ou f,F (Obligatoire ou Facultatif)
*/
function Verif_Forms(MonForm)
{
var ok;
var NbBox;
var NbRadio;
var NbElements = MonForm.elements.length;
// Boucle tous les éléments du formulaire
for (var l = 0; l < NbElements; l++)
{
var Nom_Element = MonForm.elements[l].name;
var Nom_Lowercase = Nom_Element.toLowerCase();
var Champ = MonForm.elements[l];
// Verifie que l'element n'est pas vide si il est obligatoire
if (Nom_Lowercase.substring(0,1) == "o" && Champ.value == "")
{
alert("Le champ suivant est obligatoire : " + Champ.id );
Champ.focus();
return false;
}
// Verifie que l'element contient bien une date même si ce champ n'est pas obligatoire à remplir
if (Nom_Lowercase.substring(1,2) == "d")
{
// Appel à la fonction Control_Date
if (! Control_Date(Champ.value))
{
alert("Format de date invalide pour le champ " + Champ.id + ".\nLe format de date valide est JJ/MM/AAAA" );
Champ.focus();
return false;
}
}
// Verifie que l'element ne contient que des chiffres même si ce champ n'est pas obligatoire à remplir
if (Nom_Lowercase.substring(1,2) == "n")
{
if (isNaN(Champ.value))
{
alert("Le champ suivant est numérique : " + Champ.id );
Champ.focus();
return false;
}
}
// Verifie que l'utilisateur a fait un choix dans la combobox
// ATTENTION :
// Implique la déclaration d'une option dans le select avec la valeur -1 **
if (Nom_Lowercase.substring(0,1) == "o" && Nom_Lowercase.substring(1,2) == "c" )
{
if (Champ.value == -1)
{
alert("Le champ suivant est obligatoire : " + Champ.id);
Champ.focus();
return false;
}
}
// Controle qu'un boutton radio a été selectionné
if (Nom_Lowercase.substring(0,1) == "o" && Nom_Lowercase.substring(1,2) == "r")
{
ok = false;
// getElementsByName([Nom_element]).length renvoie le nombre d'element du meme nom
// Merci bultez
NbRadio = document.getElementsByName(Nom_Element).length;
for (var k = 0; k < NbRadio; k++)
{
if (document.getElementsByName(Nom_Element)[k].checked == true)
{
ok = true
k = document.getElementsByName(Nom_Element).length;
}
}
if (ok == false)
{
alert("Le champ suivant est obligatoire : " + Champ.id);
Champ.focus();
return false;
}
}
// Meme chose mais avec des CheckBox
if (Nom_Lowercase.substring(0,1) == "o" && Nom_Lowercase.substring(1,2) == "b" )
{
ok = false;
NbBox = document.getElementsByName(Nom_Element).length;
for (var k = 0; k < NbBox; k++)
{
if (document.getElementsByName(Nom_Element)[k].checked == true)
{
ok = true
k = document.getElementsByName(Nom_Element).length;
}
}
if (ok == false)
{
alert("Le champ suivant est obligatoire : " + Champ.id);
Champ.focus();
return false;
}
}
}
return true;
}
// Si l'element est nul, renvoie True ( "oui, l'element est vide" )
// Sinon, vérifie la date
function Control_Date (MaDate)
{
var strTemporaire = MaDate;
if (strTemporaire == '')
return true;
strTemporaire = formatDate(strTemporaire);
if (strTemporaire == null)
return false;
return true;
}
// Enleve les "XY_" devant le [Nom_de_l'element]
function Format_Nom (NomChamp)
{
var position
var NomTemp = NomChamp
position = NomTemp.indexOf("_");
NomTemp = NomTemp.substr(position,NomTemp.length)
var reg = new RegExp("_","gi");
NomTemp = NomTemp.replace(reg," ");
return NomTemp;
}
// Function qui format une date et vérifie si elle n'est pas farfelue
// Cette fonction n'est pas de moi. Je sais juste qu'elle vient d'un Cédric
// Merci à lui
function formatDate(valeur)
{
var JJ;var MM;var AAAA;
isMatch = false;
var tabDate
// L'ordre de lecture des expressions est important
var expReg1 = /(\d{2})(\d{2})(\d{4}|\d{2})/;
var expReg2 = /(\d{2}|\d)\/(\d{2}|\d)\/(\d{4}|\d{2})/;
// tabDate={JJMMAAAA ou JJMMAA}
tabDate = valeur.match(expReg1);
if ((tabDate != null) && (tabDate[0] == valeur))
{
isMatch = true;
JJ = tabDate[1];
MM = tabDate[2];
if (tabDate[3].length == 2 ) AAAA = '20' + tabDate[3] ;
else AAAA = tabDate[3];
}
// tabDate={JJ/MM/AAAA ou JJ/MM/AA}
tabDate = valeur.match(expReg2);
if ((tabDate != null) && (tabDate[0] == valeur))
{
isMatch = true;
if (tabDate[1].length == 1 ) JJ = '0' + tabDate[1];
else JJ = tabDate[1];
if (tabDate[2].length == 1 ) MM = '0' + tabDate[2];
else MM = tabDate[2];
if (tabDate[3].length == 2 ) AAAA = '20' + tabDate[3] ;
else AAAA = tabDate[3];
}
var objDate=new Date(AAAA, (MM - 1) ,JJ);
if ((JJ=='32') && (MM='13') && isMatch) {
//return JJ + '/' + MM + '/' + AAAA;
return objDate;
}
if ( (!isMatch) || (objDate.getDate() != JJ) || ((objDate.getMonth()+1) != MM )) {
return null;
}
//return JJ + '/' + MM + '/' + AAAA;
return objDate;
}
</script>
Conclusion
"Champ.id" est la valeur "id" donnée à l'element dans le code html Dans le cas d'un champ Texte, je pars du principe que ça sera de l'alphanumérique ( lettre + chiffre ). Je ne fais donc que le test d'obligation ou non de saisie du champ.
Historique
- 08 octobre 2004 00:04:54 :
- 08 octobre 2004 12:52:27 :
- - Correction de commentaires dans le source
- Ajout du zip
- 07 février 2005 16:41:11 :
- Correction dans l'encadrée présentation du code. J'avais inversé X et Y dans les explications.
- 08 février 2005 15:25:03 :
- Utilisation de .lowercase(); pour alleger le code et ajout d'une précision sur le cas "Texte". Texte correspond en fait à de l'alphanumérique.
Sources de la même categorie
Commentaires et avis
|
Derniers Blogs
UNE JOLIE-HORLOGE ET PAS QU'UN PEU !UNE JOLIE-HORLOGE ET PAS QU'UN PEU ! par neodante
Pour les possesseurs d'iPhone, ça y est Bijin Tokei - qui se traduit littéralement en Français par " Jolie Horloge " - est arrivé et GRATUITEMENT s'il vous plaît ! Après la version Tokyo, Hokkaido, night club, racing, Gal, "pour les mademoiselles'", . voi...
Cliquez pour lire la suite de l'article par neodante TECHDAYS PARIS 2010 : CONNECTEZ VOS DONNéES à SHAREPOINT 2010 AVEC LES BUSINESS CONNECTIVITY SERVICESTECHDAYS PARIS 2010 : CONNECTEZ VOS DONNéES à SHAREPOINT 2010 AVEC LES BUSINESS CONNECTIVITY SERVICES par ROMELARD Fabrice
Animé par: Gaetan Bouveret et Julien Chomarat Business Connectivity Services (BCS) est dans SharePoint 2010 la version 2 de Business Data Catalog (BDC dans SharePoint 2007). Il s'agit de la solution permettant de visualiser des données provenan...
Cliquez pour lire la suite de l'article par ROMELARD Fabrice [DIVERS] SUIVRE VOS SéRIES PRéFéRéS SUR LA TOILE[DIVERS] SUIVRE VOS SéRIES PRéFéRéS SUR LA TOILE par orion
Comme de nombreux geek, je suis un grand amateur de série TV et je rate régulièrement des épisodes de mes séries préférés. Une solution s'offre à vous avec ce merveilleux site : Tv Gorge - www.tvgorge.com Moteur de recherche à l'appui, vous pouvez ...
Cliquez pour lire la suite de l'article par orion 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
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
|