begin process at 2010 03 20 09:37:53
  Trouver un code source :
 
dans
 
[ Dernières recherches ]
Accueil > 

Code

 > 

Formulaire

 > CLASS VERIFICATION DES SAISIES

CLASS VERIFICATION DES SAISIES


 Information sur la source

Note :
8,5 / 10 - par 2 personnes
8,50 / 10

  • 1

  • 2

  • 3

  • 4

  • 5

  • 6

  • 7

  • 8

  • 9

  • 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 :19/07/2009 15:58:46 Vu / téléchargé :5 886 / 467
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 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&eacute;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 : &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" 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&eacute;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 : &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" 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

 Fichier Zip

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

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)

 Sources du même auteur

Source avec Zip [-CLASS-] -> CARROUSSEL D'IMAGES
Source avec Zip CLASS BARRE DE DÉFILEMENT (SCROLLBAR) JAVASCRIPT
Toutes les sources de TheWeasel47

 Sources de la même categorie

DÉSACTIVER UN BOUTON SUBMIT APRÈS ENVOI DU FORMULAIRE par SoftDeath
IMPLEMENTATION DE RANDOM PERSONNALISÉ par ousous
IMPLEMENTATION DE HASHTABLE par ousous
JAVASCRIPT.UTIL.ITERATOR par ousous
Source avec Zip Source avec une capture PALETTE DE COULEURS par titnome
Toutes les sources de la catégorie Formulaire

 Sources en rapport avec celle ci

Source avec Zip [-CLASS-] -> CARROUSSEL D'IMAGES par TheWeasel47
Source avec Zip LES COOKIES ET JAVASCRIPT par Zestyr
Source avec une capture DRAG/DROP/REDIMENSIONNER... par sitajony
Source avec Zip CLASSE AJAX COMPLÈTE par Arto_8000
Source avec Zip 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 &#224; tous, j'ai un petit pb &#224; r&#233;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


Sondage...

Comparez les prix


HTC Hero
Entre 550€ et 550€

Visiter le guide achat

CalendriCode

Mars 2010
LMMJVSD
1234567
891011121314
15161718192021
22232425262728
293031    

Consulter la suite du CalendriCode

Photothèque

Photo ciel d'oragePhoto planète terre - europe -afrique
Photo waterfall 

Visiter la photothèque
 
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,702 sec (4)

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)