Vous ne trouvez pas de réponse à votre problème ? Alors posez la question dans le forum. Souvenez-vous qu'il n'y a jamais de question bête, mais rester dans l'ignorance parce que l'on n'ose pas poser une question, ça c'est une erreur !

CLASS VERIFICATION DES SAISIES


Information sur la source

Catégorie :Formulaire Classé sous : saisies, vérification, objet, Classe, Class Niveau : Initié Date de création : 19/03/2008 Date de mise à jour : 21/11/2008 11:52:06 Vu / téléchargé: 4 605 / 337

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

  • 1

  • 2

  • 3

  • 4

  • 5

  • 6

  • 7

  • 8

  • 9

  • 10

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">
  • function AfficheMessageErreur(Erreur){
  • }
  • //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);
  • //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)
  • //Verificateur.Definir_Affiche_Erreur(AfficheMessageErreur);
  • </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">
		function AfficheMessageErreur(Erreur){
			
		}
		
		//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);
		
		//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)
		//Verificateur.Definir_Affiche_Erreur(AfficheMessageErreur);
	</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

Pour les "Membres Club", vous pouvez 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

Commentaires et avis

signaler à un administrateur
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.

signaler à un administrateur
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 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(). 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: 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...

CalendriCode

Décembre 2008
LMMJVSD
1234567
891011121314
15161718192021
22232425262728
293031    

Consulter la suite du CalendriCode

Téléchargements

Logiciels à télécharger sur le même thème :



Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel BAÏSE, 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
Temps d'éxécution de la page : 1,888 sec

Google Coop CodeS-SourceS Google Coop CodeS-SourceS


Certaines images présentes sur le site (notament certains avatars) sont issues des collections IconShock, donc si vous souhaitez utiliser ces icons vous devez les acheter, ne les copiez pas et ne utilisez pas dans vos sites et applications sans les avoir commandé.