begin process at 2012 02 09 18:46:17
  Trouver un code source :
 
dans
 
Accueil > 

Code

 > 

Formulaire

 > FORMULAIRE - AIDE À LA SAISIE

FORMULAIRE - AIDE À LA SAISIE


 Information sur la source

Note :
7,25 / 10 - par 4 personnes
7,25 / 10

  • 1

  • 2

  • 3

  • 4

  • 5

  • 6

  • 7

  • 8

  • 9

  • 10
Catégorie :Formulaire Niveau :Débutant Date de création :22/06/2004 Date de mise à jour :23/06/2004 08:56:00 Vu :19 732

Auteur : Pascalitos

Ecrire un message privé
Site perso
Commentaire sur cette source (0)
Ajouter un commentaire et/ou une note

 Description

Ces scripts aident à la saisie de champs de formulaire.
Ils ne contrôlent pas la validité du format  final de l'information.
Pour contrôler la validité absolue d'une infomation, il faut utiliser des scripts coté serveur : PHP, ASP, ASP.NET, JSP...
C'est pour cela que j'appelle ces scripts "Aide à la saisie"
et non "Contrôle du formulaire".

------------------------------------ -------------------------------------------------- -------

Interdire une balise HTML
Ce script interdit la saisie d'une balise HTML dans un champ de formulaire.
Les caractères interdits sont "<", ">", "#", "%".

Commune
Le nom doit être sous la forme Saint-Machin.
St- et St- sont automatiquement modifiés en Saint- .
Il ne contrôle pas le format final (nombre de caractères).

Numéro de téléphone
Le numéro sous la forme 01 40 xx xx xx \n ou +33 (0) 1 40 xx xx xx.
Le script contrôle si les caractères sont autorisés et les espaces respectés.
Il ne contrôle pas le format final (nombre de caractères).

Code postal
Il ne contrôle pas le format final (nombre de caractères).

Nom ou prénom
Seuls les lettres, lettres accentuées, tiret, blanc et simple quote sont autorisés.
La 1ère lettre doit être une majuscule.
2 titres, blancs ou simples quotes consécutifs sont interdits.
Il ne contrôle pas le format final (nombre de caractères).

Longueur d'un texte
Ce script contrôle la longueur d'un texte à la saisie.

Placez les scripts dans la zone <head></head>,
et les évévenements dans le champ de formulaire concerné.
Préciser la longueur du texte dans l'événement
onkeyup="testerlongueur(this,10)" ... ici 10 caractères.

Source

  • <script language="JavaScript" type="text/JavaScript">
  • // *****************************************************************
  • // Formulaire - aide à la saisie
  • // pascal.itos@wanadoo.fr
  • // http://www.dev35.com
  • // *****************************************************************
  • function testertexte(texte){
  • // Aide à la saisie : Interdire une balise HTML
  • // http://www.dev35.com - pascal.itos@wanadoo.fr
  • var expression = /[<>#%]+/gi; // caractères interdits
  • if (expression.test(texte.value)){
  • alert ("N'utilisez pas que des caractères alphanumériques.");
  • texte.value=texte.value.substring(0,texte.value.length-1);
  • }
  • }
  • function testercommune(texte){
  • // Aide à la saisie : Commune
  • // http://www.dev35.com - pascal.itos@wanadoo.fr
  • var expression = /^[a-z '-]+$/gi; // caractères autorisés
  • if (!expression.test(texte.value)){
  • alert ("Ecrivez le nom sous la forme : Saint-Machin ...");
  • texte.value=texte.value.substring(0,texte.value.length-1);
  • return false;
  • }
  • var a=texte.value;
  • a=a.replace(/(st )/gi,"Saint-");
  • a=a.replace(/(saint )/gi,"Saint-");
  • texte.value=a.replace(/(Saint )[A-Za-z]/gi,"Saint-");
  • var expression = /[A-Z]{1}[A-Z]{1}/g;
  • if (expression.test(texte.value)){
  • alert ("N'écrivez pas le nom en \"tout majuscule\"");
  • texte.value=texte.value.substring(0,texte.value.length-1);
  • }
  • }
  • function testertelephone(texte) {
  • // Aide à la saisie : numéro de téléphone
  • // http://www.dev35.com - pascal.itos@wanadoo.fr
  • var expression = /[^0-9 +()]+/gi;
  • if (expression.test(texte.value)){
  • alert ("Ecrivez le numéro sous la forme 02 99 xx xx xx \n ou +33 (0) 2 99 xx xx xx");
  • texte.value=texte.value.substring(0,texte.value.length-1);
  • return false;
  • }
  • var expression=/[0-9]{3}/gi;
  • if (expression.test(texte.value)){
  • texte.value=texte.value.substring(0,texte.value.length-1)+" "+texte.value.substring(texte.value.length-1,texte.value.length);
  • }
  • }
  • function testercodepostal (texte) {
  • // Aide à la saisie : code postal
  • // http://www.dev35.com - pascal.itos@wanadoo.fr
  • var expression = /^[0-9]{0,5}$/g; // caractères autorisés
  • if (!expression.test(texte.value)){
  • alert ("Ecrivez le code postal avec 5 chiffres ...");
  • texte.value=texte.value.substring(0,texte.value.length-1);
  • }
  • }
  • function testernom(texte){
  • // Aide à la saisie : Nom ou prénom
  • // http://www.dev35.com - pascal.itos@wanadoo.fr
  • // Interdire des caratères non autorisés
  • var a_str=texte.value;
  • var expression = /^[àáâãäåòóôõöøèéêëçìíîïùúûüÿñoæa-z '-]+$/gi; // caractères autorisés
  • if (!expression.test(texte.value)){
  • alert ("Ecrivez le nom sous la forme : Monté-Cristo ...");
  • texte.value=texte.value.substring(0,texte.value.length-1);
  • return false;
  • }
  • // 1er caractère doit être une majuscule
  • expression = /^[àáâãäåòóôõöøèéêëçìíîïùúûüÿñoæa-z]{1}+$/g;
  • a_str=texte.value;
  • if (expression.test(texte.value)){
  • alert ("Le 1er caractère doit être une majuscule ...");
  • a=texte.value.substring(0,1);
  • texte.value=a_str.toUpperCase();
  • return false;
  • }
  • // Interdire 2 caractères identiques de suite : ' -
  • expression = /[-]{2}|[']{2}|[ ]{2}/g;
  • a_str=texte.value;
  • if (expression.test(texte.value)){
  • alert ("Evitez 2 blancs ou - ou '");
  • texte.value=texte.value.substring(0,texte.value.length-1);
  • return false;
  • }
  • // Interdire 2 majuscules de suite
  • expression = /[A-Z]{1}[A-Z]{1}/g;
  • a_str=texte.value;
  • if (expression.test(texte.value)){
  • alert ("N'écrivez pas le nom en \"tout majuscule\"");
  • a_str=texte.value.substring(texte.value.length-1,texte.value.length);
  • texte.value=texte.value.substring(0,texte.value.length-1)+a_str.toLowerCase();
  • }
  • }
  • function testerlongueur (texte,longueurmax) {
  • // Aide à la saisie : Longueur d'un texte
  • // http://www.dev35.com - pascal.itos@wanadoo.fr
  • if (texte.value.length>longueurmax) {
  • alert ("Les " + longueurmax + " caractères autorisés sont atteints.");
  • texte.value=texte.value.substring(0,longueurmax);
  • }
  • }
  • </script>
  • <form>
  • <input type="text" name="commune" onkeyup="testercommune(this)">
  • <input type="text" name="texte" onkeyup="testertexte(this)">
  • <input type="text" name="telephone" onkeyup="testertelephone(this)">
  • <input type="text" name="codepostal" onkeyup="testercodepostal(this)">
  • <input type="text" name="nom" onkeyup="testernom(this)">
  • <input type="text" name="texte" onkeyup="testerlongueur(this,10)">
  • </form>
<script language="JavaScript" type="text/JavaScript">
// *****************************************************************
// Formulaire - aide à la saisie
// pascal.itos@wanadoo.fr
// http://www.dev35.com
// *****************************************************************

function testertexte(texte){
// Aide à la saisie : Interdire une balise HTML
// http://www.dev35.com  -  pascal.itos@wanadoo.fr
 	var expression = /[<>#%]+/gi; // caractères interdits
 	if (expression.test(texte.value)){
		alert ("N'utilisez pas que des caractères alphanumériques.");
		texte.value=texte.value.substring(0,texte.value.length-1);
 	}
}

function testercommune(texte){
// Aide à la saisie : Commune
// http://www.dev35.com  -  pascal.itos@wanadoo.fr
 	var expression = /^[a-z '-]+$/gi; // caractères autorisés
	if (!expression.test(texte.value)){
		alert ("Ecrivez le nom sous la forme : Saint-Machin ...");
		texte.value=texte.value.substring(0,texte.value.length-1);
		return false;
 	}
	var a=texte.value;
	a=a.replace(/(st )/gi,"Saint-");
	a=a.replace(/(saint )/gi,"Saint-");
	texte.value=a.replace(/(Saint )[A-Za-z]/gi,"Saint-");
	var expression = /[A-Z]{1}[A-Z]{1}/g; 
 	if (expression.test(texte.value)){
		alert ("N'écrivez pas le nom en \"tout majuscule\"");
		texte.value=texte.value.substring(0,texte.value.length-1);
 	}
}

function testertelephone(texte) {
// Aide à la saisie : numéro de téléphone
// http://www.dev35.com  -  pascal.itos@wanadoo.fr
 	var expression = /[^0-9 +()]+/gi;
 	if (expression.test(texte.value)){
		alert ("Ecrivez le numéro sous la forme 02 99 xx xx xx \n ou +33 (0) 2 99 xx xx xx");
		texte.value=texte.value.substring(0,texte.value.length-1);
		return false;
 	}
	var expression=/[0-9]{3}/gi;
	if (expression.test(texte.value)){
		texte.value=texte.value.substring(0,texte.value.length-1)+" "+texte.value.substring(texte.value.length-1,texte.value.length);
 	}	
}

function testercodepostal (texte) {
// Aide à la saisie : code postal
// http://www.dev35.com  -  pascal.itos@wanadoo.fr
	var expression = /^[0-9]{0,5}$/g; // caractères autorisés
	if (!expression.test(texte.value)){
		alert ("Ecrivez le code postal avec 5 chiffres ...");
		texte.value=texte.value.substring(0,texte.value.length-1);
 	}
}

function testernom(texte){
// Aide à la saisie : Nom ou prénom
// http://www.dev35.com  -  pascal.itos@wanadoo.fr
	// Interdire des caratères non autorisés
	var a_str=texte.value;
 	var expression = /^[àáâãäåòóôõöøèéêëçìíîïùúûüÿñoæa-z '-]+$/gi; // caractères autorisés
	if (!expression.test(texte.value)){
		alert ("Ecrivez le nom sous la forme : Monté-Cristo ...");
		texte.value=texte.value.substring(0,texte.value.length-1);
		return false;
 	}
	// 1er caractère doit être une majuscule
	expression = /^[àáâãäåòóôõöøèéêëçìíîïùúûüÿñoæa-z]{1}+$/g;
	a_str=texte.value;
	if (expression.test(texte.value)){
		alert ("Le 1er caractère doit être une majuscule ...");
		a=texte.value.substring(0,1);
		texte.value=a_str.toUpperCase();
		return false;
 	}
	// Interdire 2 caractères identiques de suite : ' - 
	expression = /[-]{2}|[']{2}|[ ]{2}/g;
	a_str=texte.value;
	if (expression.test(texte.value)){
		alert ("Evitez 2 blancs ou - ou '");
		texte.value=texte.value.substring(0,texte.value.length-1);
		return false;
 	}
	// Interdire 2 majuscules de suite
	expression = /[A-Z]{1}[A-Z]{1}/g;
	a_str=texte.value;
 	if (expression.test(texte.value)){
		alert ("N'écrivez pas le nom en \"tout majuscule\"");
		a_str=texte.value.substring(texte.value.length-1,texte.value.length);
		texte.value=texte.value.substring(0,texte.value.length-1)+a_str.toLowerCase();
 	}
}

function testerlongueur (texte,longueurmax) {
// Aide à la saisie : Longueur d'un texte
// http://www.dev35.com  -  pascal.itos@wanadoo.fr
	if (texte.value.length>longueurmax) {
		alert ("Les " + longueurmax + " caractères autorisés sont atteints.");
		texte.value=texte.value.substring(0,longueurmax);
	}

}
</script>

<form>
<input type="text" name="commune" onkeyup="testercommune(this)">
<input type="text" name="texte" onkeyup="testertexte(this)">
<input type="text" name="telephone" onkeyup="testertelephone(this)">
<input type="text" name="codepostal" onkeyup="testercodepostal(this)">
<input type="text" name="nom" onkeyup="testernom(this)">
<input type="text" name="texte" onkeyup="testerlongueur(this,10)">
</form>



 Sources du même auteur

IMPRIMER UNE ZONE D'UNE PAGE WEB II
IMPRIMER UNE ZONE DANS UNE PAGE WEB

 Sources de la même categorie

Source avec Zip Source avec une capture BOITE DE DIALOGUE MODALE DE SÉLECTION D'UNE LISTE D'ICONES par JJDai
Source avec Zip Source avec une capture RÉSOLUTION D'UN SYSTÈME D'ÉQUATIONS LINÉAIRES À N INCONNUES par william voirol
Source avec Zip Source avec une capture PLUGIN JQUERY LISTE MODIFIABLE (COMBO) AUTOCOMPLÉTÉE par medkarim
GESTION DE NUMÉRO DE TÉLÉPHONE SIMPLE DANS FIREFOX7 par rotomtom
Source avec Zip Source avec une capture RECOMMANDER CETTE PAGE AVEC MAILTO, ACCENT ET RETOUR LIGNE D... par weabow

Commentaires et avis

Aucun commentaire pour le moment.

 Ajouter un commentaire




Nos sponsors


Sondage...

Comparez les prix

CalendriCode

Février 2012
LMMJVSD
  12345
6789101112
13141516171819
20212223242526
272829    

Consulter la suite du CalendriCode

 
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,640 sec (3)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales