Accueil > > > CLASS VERIFICATION DES SAISIES
 CLASS VERIFICATION DES SAISIES
 Information sur la source
 Description
JE sais qu'il y a plusieurs version de ce genre de code, toutefois je me permet de le mettre ici car j'apporte des nouveautés: ->Développé en Objet (simple à utilisable) ->Simple d'utilisation pour un développeur ->Evolutive (possibilité de rajouter des types de donner simplement)
 Source
- <html>
- <head>
- <title>Exemple verif saisie</title>
- </head>
- <script language="javascript" version="2.0 " src="Class_VerificationSaisies.js" type="text/javascript"></script>
- <script language="javascript">
-
- //INSTANCIATION DE L'OBJET (parametre ID du formulaire)
- var Verificateur= new VerificationSaisie('test');
-
- //DEFINITION D'UN CHAMP OBLIGATOIRE ( 1 parametre ID du champ || 2em parametre Libelle du champ || 3em parametre 1=>Obligatoire sinon peut etre pas rempli)
- Verificateur.Definir_Champ_Saisie('nom','Nom',1);
- Verificateur.Definir_Caracteres_Autorises_Champ('nom',"azertyuiopqsdfghjklmwxcvbn0123456789");
- Verificateur.Definir_Taille_Min_Champ('nom',1);
- Verificateur.Definir_Taille_Max_Champ('nom',10);
-
- //DEFINITION D'un libéllé à convertir HTML->text
- Verificateur.Definir_Champ_Saisie('prenom','Prénom',1);
- Verificateur.Convertir_Caracteres_HTML_Texte('prenom');
-
- //DEFINITION D'UN CHAMP COMME UNE DATE
- Verificateur.Definir_Champ_Saisie('date_naissance','date de naissance',0);
- Verificateur.Definir_Champ_Comme_Une_Date('date_naissance');
-
- //NUMERIQUE OBLIGATOIRE
- Verificateur.Definir_Champ_Saisie('montant','montant total',0);
- Verificateur.Definir_Caracteres_Autorises_Champ('montant','0123456789. ,');
-
- //VERIFICATION DES ADRESSES EMAIL
- Verificateur.Definir_Champ_Saisie('mail','adresse electronique',1);
- Verificateur.Definir_Champ_Comme_Un_Email('mail');
-
-
- //REDEFINITION DE L'AFFICHAGE DES ERREURS (optionel)
-
- //TOUTE LA FONCTION
- //function AfficheMessageErreur(Erreur){
- // [-Code javascript-]
- //}
- //Verificateur.Definir_Affiche_Erreur(AfficheMessageErreur);
-
- //SEULEMENT LES MESSAGES
- //1er parametre=Message
- //%i->Remplace le nom du champ
- //%s->Seconde information (liste des caractères, nombre limite de caractères....tout dépend du cas)
- //2nd paramètre= convertion ou non des caractères spéciaux HTML
- //ex : é -> é
- Verificateur.Definir_Message_Erreur_Champ_Obligatoire("Field %i can't be empty ! ",false);
- Verificateur.Definir_Message_Erreur_Champ_Date("Field %i must be french date format dd/mm/yyyy ! ",false);
- Verificateur.Definir_Message_Erreur_Champ_Compose("Field %i can only contain char in this list : %s ! ",false);
- Verificateur.Definir_Message_Erreur_Champ_Email("Field %i must contain a valid email adress ! ",false);
- Verificateur.Definir_Message_Erreur_Champ_Max_pluriel("Field %i must contain less than %s caracters ! ",false);
- Verificateur.Definir_Message_Erreur_Champ_Max_singulier("Field %i must contain less than %s caracter ! ",false);
- Verificateur.Definir_Message_Erreur_Champ_Min_pluriel("Field %i must contain more than %s caracters ! ",false);
- Verificateur.Definir_Message_Erreur_Champ_Min_singulier("Field %i must contain more than %s caracter ! ",false);
- Verificateur.Definir_Message_Erreur_Inconnu("Unknwon error has occured on field %i please contact your webmaster ! ",false);
- </script>
- <body>
- <form id="test">
- Nom* : <input type="text" size="20" name="nom" id="nom"><br>
- Prènom : <input type="text" size="20" name="prenom" id="prenom"><br>
- Email : <input type="text" size="20" name="mail" id="mail"><br>
- Date de Naissance : <input type="text" size="20" name="date_naissance" id="date_naissance"><br>
- Montant Total : <input type="text" size="20" name="montant" id="montant"><br>
- <input type="Submit" value="Envoyer">
- </form>
- </body>
- </html>
<html>
<head>
<title>Exemple verif saisie</title>
</head>
<script language="javascript" version="2.0 " src="Class_VerificationSaisies.js" type="text/javascript"></script>
<script language="javascript">
//INSTANCIATION DE L'OBJET (parametre ID du formulaire)
var Verificateur= new VerificationSaisie('test');
//DEFINITION D'UN CHAMP OBLIGATOIRE ( 1 parametre ID du champ || 2em parametre Libelle du champ || 3em parametre 1=>Obligatoire sinon peut etre pas rempli)
Verificateur.Definir_Champ_Saisie('nom','Nom',1);
Verificateur.Definir_Caracteres_Autorises_Champ('nom',"azertyuiopqsdfghjklmwxcvbn0123456789");
Verificateur.Definir_Taille_Min_Champ('nom',1);
Verificateur.Definir_Taille_Max_Champ('nom',10);
//DEFINITION D'un libéllé à convertir HTML->text
Verificateur.Definir_Champ_Saisie('prenom','Prénom',1);
Verificateur.Convertir_Caracteres_HTML_Texte('prenom');
//DEFINITION D'UN CHAMP COMME UNE DATE
Verificateur.Definir_Champ_Saisie('date_naissance','date de naissance',0);
Verificateur.Definir_Champ_Comme_Une_Date('date_naissance');
//NUMERIQUE OBLIGATOIRE
Verificateur.Definir_Champ_Saisie('montant','montant total',0);
Verificateur.Definir_Caracteres_Autorises_Champ('montant','0123456789. ,');
//VERIFICATION DES ADRESSES EMAIL
Verificateur.Definir_Champ_Saisie('mail','adresse electronique',1);
Verificateur.Definir_Champ_Comme_Un_Email('mail');
//REDEFINITION DE L'AFFICHAGE DES ERREURS (optionel)
//TOUTE LA FONCTION
//function AfficheMessageErreur(Erreur){
// [-Code javascript-]
//}
//Verificateur.Definir_Affiche_Erreur(AfficheMessageErreur);
//SEULEMENT LES MESSAGES
//1er parametre=Message
//%i->Remplace le nom du champ
//%s->Seconde information (liste des caractères, nombre limite de caractères....tout dépend du cas)
//2nd paramètre= convertion ou non des caractères spéciaux HTML
//ex : é -> é
Verificateur.Definir_Message_Erreur_Champ_Obligatoire("Field %i can't be empty ! ",false);
Verificateur.Definir_Message_Erreur_Champ_Date("Field %i must be french date format dd/mm/yyyy ! ",false);
Verificateur.Definir_Message_Erreur_Champ_Compose("Field %i can only contain char in this list : %s ! ",false);
Verificateur.Definir_Message_Erreur_Champ_Email("Field %i must contain a valid email adress ! ",false);
Verificateur.Definir_Message_Erreur_Champ_Max_pluriel("Field %i must contain less than %s caracters ! ",false);
Verificateur.Definir_Message_Erreur_Champ_Max_singulier("Field %i must contain less than %s caracter ! ",false);
Verificateur.Definir_Message_Erreur_Champ_Min_pluriel("Field %i must contain more than %s caracters ! ",false);
Verificateur.Definir_Message_Erreur_Champ_Min_singulier("Field %i must contain more than %s caracter ! ",false);
Verificateur.Definir_Message_Erreur_Inconnu("Unknwon error has occured on field %i please contact your webmaster ! ",false);
</script>
<body>
<form id="test">
Nom* : <input type="text" size="20" name="nom" id="nom"><br>
Prènom : <input type="text" size="20" name="prenom" id="prenom"><br>
Email : <input type="text" size="20" name="mail" id="mail"><br>
Date de Naissance : <input type="text" size="20" name="date_naissance" id="date_naissance"><br>
Montant Total : <input type="text" size="20" name="montant" id="montant"><br>
<input type="Submit" value="Envoyer">
</form>
</body>
</html>
 Conclusion
Faites moi part de vos remarques, bugs ou proposition d'amélioration
 Historique
- 18 juin 2008 16:38:28 :
- ->Prise en compte de la propriété NAME et non plus seulement ID
->Prise en compte des bouttons radio
->possibilité de modifier les messages d'erreur (redéfinir la fonction)
- 21 novembre 2008 11:52:07 :
- =>Ajout des tailles minimals et maximals
=>Ajout liste de caractères autorisés
- 19 juillet 2009 15:58:46 :
- Cette mise à jour apporte :
1) Une correction des champs emails (4 caractères dans le tild).
2) La possibilité de redéfinir les messages
3) La prise en compte des caractères HTML (souvent utilisés pour palier aux problèmes de convertion UTF-8/ISO)
 Sources du même auteur
 Sources de la même categorie
 Commentaires et avis
 Discussions en rapport avec ce code source dans le forum
"settimeout" dans une classe [ par francois44 ]
Bonjour à tous!Je suis actuellement en train de bosser sur une classe d'affichage de NEWS.Je sais qu'il y en a plein dans les sources, mais j'ai rien
probleme de classe [ par wonesek ]
bonjour j'ai un petit probleme: comment obtenir le nom d'un objet a partir d'une de ses methodes?par exemple: si mon objet s'appel monObj, faire en so
CRéation d'objet [ par jeanjeandada ]
Bonjour,POur créer un objet avec ces propriété il faut créer une classe ??? si oui, comment faites vous pour en créer une . merci<span style="color:
variable contenant le nom de la methode JAVASCRIPT [ par s1pike ]
Bonjour à tous, j'ai un petit pb à résoudre. J'ai un classe qui se nomme utilisateur et qui contient des methodes getNom(),getPrenom().
priorité d'un objet [ par Hermios ]
Salut à tousir s'il existe un moyen de définir une priorité pour un objet, en l'occurence un bouton: Mon programme javascript traite un grand nombre d
équivalent de getElementById pour des class [ par eax ]
Bonjour à tous,Je souhaite parcourir x éléments de ma page. Ces éléments ont tous la propriété HTML class="toto".Comment puis-je faire? je connais la
Objet en argument dans une fonction [ par 1300371 ]
Est il possible de passer un objet (par exemple une image) en parametre dans une fonction ?? Sachant que par la suite j'apelle recursivement ma foncti
Objet qui suit le visiteur [ par imouxmoux ]
Bonjour tout le monde, j'aimerais avoir votre aide sur quelque chose. J'ai un DIV en HTML, et j'aimerais que lorsque je scroll ma page, il descende av
alert avec objet [ par jackrichard ]
bonjour a tous voila j'aimerais bien savoir comment on peut faire des alert personalisé avec des case a coché comme on peut le voir sur hotmail?
Groupe d'objet [ par Dipston ]
Bonjour j'ai un probleme facile mais j'arrive pas a trouver une astuce...Pour simplifier le prob voila en gros : J'ai une liste de motLorsque je cliqu
|
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
|