CodeS-SourceS est hébergé par Frontier.fr

Ce site au démarrage

begin process at 2012 02 12 18:52:11

Accueil Codes Tutoriels Forum Livres Emploi Services Connexion

Trouver un code source :

dans

[ Dernières recherches ]

Accueil >

CLASS VERIFICATION DES SAISIES

Information sur la source

Note :

8,50 / 10

Catégorie :Formulaire Classé sous :saisies, vérification, objet, Classe, Class Niveau :Initié Date de création :19/03/2008 Date de mise à jour :27/09/2010 11:16:51 Vu / téléchargé :7 146 / 537

Auteur : TheWeasel47

Ecrire un message privé

Site perso

Ce membre participe au partage de revenus publicitaires

Commentaire sur cette source (2)

Ajouter un commentaire et/ou une note

Description

Je sais qu'il y a plusieurs version de ce genre de code, toutefois je me permets de le mettre ici car j'apporte des nouveautés:
->Développé en Objet
->Simple d'utilisation pour un développeur
->Evolutive (possibilité de rajouter des types de données 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'); //Si le code de caractère d'envoie des fichier(HTTP) n'est pas le m^ême que celui dans lequel est envoyé les pages PHP
//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');
//DEFINITION D'UN RADIO BUTTON
Verificateur.Definir_Champ_Saisie('sexe','Sexe',1);
//REDEFINITION DU TRAITEMENT DES MESSAGES ERREURS (optionel)
//retourne Booléen (VRAI =>Valide formulaire || FAUX=>empeche validation)
function AfficheMessageErreur(Erreur,Msg){
alert(Msg);
alert('Id du champ erreur : ' + Erreur.Obtenir_Information('fieldId'));
return false;
}
Verificateur.Definir_Traiter_Erreur(AfficheMessageErreur);
//REDEFINITION DU TRAITEMENT DUN FORMULAIRE VALIDE (optionel)
//retourne Booléen (VRAI =>Valide formulaire || FAUX=>empeche validation)
function TraiterBonFormulaire(){
alert('Ton formulaire est bon');
return true;
}
Verificateur.Definir_Traitement_Formulaire_Valide(TraiterBonFormulaire);
//REDEFINITION DE L'AFFICHAGE DES ERREURS (optionel)
//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" ><br>
Prènom* : <input type="text" size="20" name="prenom" ><br>
Email* : <input type="text" size="20" name="mail" id="mail"><br>
Sexe* : <input type="radio" size="20" name="sexe" id="sexe" value="H"> Homme   <input type="radio" size="20" name="sexe" id="sexe" value="F"> Femme<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&eacute;nom',1);
		Verificateur.Convertir_Caracteres_HTML_Texte('prenom'); //Si le code de caractère d'envoie des fichier(HTTP) n'est pas le m^ême que celui dans lequel est envoyé les pages PHP
		
		//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');
		
		//DEFINITION D'UN RADIO BUTTON
		Verificateur.Definir_Champ_Saisie('sexe','Sexe',1);
		
			
		//REDEFINITION DU TRAITEMENT DES MESSAGES ERREURS (optionel)
				//retourne Booléen (VRAI =>Valide formulaire || FAUX=>empeche validation)
				function AfficheMessageErreur(Erreur,Msg){
					 alert(Msg);
					 alert('Id du champ erreur : ' + Erreur.Obtenir_Information('fieldId'));
					 return false;
				}
				Verificateur.Definir_Traiter_Erreur(AfficheMessageErreur);
		//REDEFINITION DU TRAITEMENT DUN FORMULAIRE VALIDE (optionel)
				//retourne Booléen (VRAI =>Valide formulaire || FAUX=>empeche validation)
				function TraiterBonFormulaire(){
					alert('Ton formulaire est bon');
					return true;
				}
				Verificateur.Definir_Traitement_Formulaire_Valide(TraiterBonFormulaire);
			
		//REDEFINITION DE L'AFFICHAGE DES ERREURS (optionel)
				//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 : &eacute; -> é					
				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" ><br>
		Prènom* : <input type="text" size="20" name="prenom" ><br>
		Email* : <input type="text" size="20" name="mail" id="mail"><br>
		Sexe* : <input type="radio" size="20" name="sexe" id="sexe" value="H"> Homme &nbsp;&nbsp;<input type="radio" size="20" name="sexe" id="sexe" value="F"> Femme<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 propositions d'amélioration

Fichier Zip

Les Membres Club peuvent télécharger directement un fichier contenu dans le zip sans télécharger le zip en entier !

JS Saisies
- Class_VerificationSaisies.js 31 761 octets
- exemple.html 4 394 octets

Télécharger le zip

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)
27 septembre 2010 11:16:52 :: ->Correction du bug pour les boutons radios ->Possibilité de personnaliser le traitement si le formulaire est bon ->Possibilité de personnaliser le traitement si le formulaire est mauvais

Sources du même auteur

[-CLASS-] -> CARROUSSEL D'IMAGES

CLASS BARRE DE DÉFILEMENT (SCROLLBAR) JAVASCRIPT

Toutes les sources de TheWeasel47

Sources de la même categorie

BOITE DE DIALOGUE MODALE DE SÉLECTION D'UNE LISTE D'ICONES par JJDai

RÉSOLUTION D'UN SYSTÈME D'ÉQUATIONS LINÉAIRES À N INCONNUES par william voirol

PLUGIN JQUERY LISTE MODIFIABLE (COMBO) AUTOCOMPLÉTÉE par medkarim

GESTION DE NUMÉRO DE TÉLÉPHONE SIMPLE DANS FIREFOX7 par rotomtom

RECOMMANDER CETTE PAGE AVEC MAILTO, ACCENT ET RETOUR LIGNE D... par weabow

Toutes les sources de la catégorie Formulaire

Sources en rapport avec celle ci

FORMULAIRE D'INSCRIPTION+VÉRIFICATION par ellissss

JAVASCRIPT, LA POO AUTREMENT... par emericv

[-CLASS-] -> CARROUSSEL D'IMAGES par TheWeasel47

CLASSE AJAX COMPLÈTE par Arto_8000

SETINTERVAL, SETTIMEOUT ET CLASS OBJET par PetoleTeam

Commentaires et avis

Commentaire de malalam le 29/03/2008 10:11:35 administrateur CS 9/10

Hello,

moi j'aime bien. C'est utile, pas mal codé, réutilisable, facilement exploitable...on pourrait faire 2-3 petits reproches, comme les messages d'erreur qu'il faudrait pouvoir personnaliser, ou faire dériver d'une autre classe (en vue d'une internationalisation par exemple, ou simplement d'une personnalisation des messages), ou l'email dont l'extension peut prendre 4 caractères...
Mais c'est un bon code.

Commentaire de WhiteDwarf le 12/04/2008 01:00:21 8/10

Pas mal du tout et très bien codé, bravo !

Il serait intéressant d'approfondir cette classe pour en faire par exemple une classe de génération de formulaires Web2 avec des composants textes avec validation et aussi pourquoi pas d'autres composants comme par exemple un composant calendrier rataché à un champ date.
J'ai déjà vu ça avec certains framework JS. YahooUI il me semble et mootools aussi.

Bonne continuation

Ajouter un commentaire

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

Nos sponsors

Derniers Blogs

SESSION SILVERLIGHT 5 3D : SLIDES ET DEMOS par Groc

[TECHDAYS 2012] SESSION WEBMATRIX 2 : LE COUTEAU SUISSE GRATUIT POUR VOS DéVELOPPEMENTS WEB - SLIDES par gpommier

[SHAREPOINT] LES SESSIONS TECHDAYS 2012. par Patrick Guimonet

TECHDAYS PARIS 2012 : SESSION PLEINIèRE JOUR 3 par ROMELARD Fabrice

MISHRA READER : UN LECTEUR RSS TRèS ZUNE STYLE EN OPEN SOURCE ! par Vko

Forum

RE : AIDE SUR UN SCRIPT?? par NHenry

AIDE SUR UN SCRIPT?? par xavpac

[CPAINT ERROR] INVALID HTTP RESPONSE CODE '0 ' par warsez

[DEMANDE] ALGORITHME DJIKSTRA MéTRO/RER PARISIEN par dindin22

BANDEAU DéFILANT MOOTOOLS.JS ET HISTORIQUE DE NAVIGATION par cocolafleche

Côté IT

Offres d'emploi

Formations Video

Appels d'offres

Passerelle Pericles sur site Joomla 17
Budget : 499€
Infogerance Serveur Debian Linux
Budget : 2 400€
Developpeur applications iphone - ipad - android
Budget : 800€

Logiciels

Tribler (2012)
TRIBLER (2012)

Tribler est un client pair à pair (P2P/Peer-to-Peer) open source avec la capacité de regarder des...

Cliquez pour télécharger Tribler
OneSwarm (2012)
ONESWARM (2012)

Le peer-to-peer qui protège votre vie privée, c'est OneSwarm. Ce logiciel de peer-to-peer crypté...

Cliquez pour télécharger OneSwarm
PONAMEDIA PREMIUM - HELLLOOO FLASH DEMO (V8.4)
PONAMEDIA PREMIUM - HELLLOOO FLASH DEMO (V8.4)

PONAMEDIA TV DEVIENS HELLLOOO FLASH LA TV SUR VOTRE ORDINATEUR. Toute une plateforme Multi...

Cliquez pour télécharger PONAMEDIA PREMIUM - HELLLOOO FLASH DEMO
Academy System (17.2.1.0)
ACADEMY SYSTEM (17.2.1.0)

Logiciel de gestion des établissements. - élèves/étudiants (inscription, dossier, absence...) -...

Cliquez pour télécharger Academy System
Easy-Planning (1.0.0.1)
EASY-PLANNING (1.0.0.1)

Basé sur les mêmes principes que MyPlanning, Easy-Planning permet de créer des plannings sous la ...

Cliquez pour télécharger Easy-Planning