begin process at 2010 03 21 06:58:23
  Trouver un code source :
 
dans
 
Accueil > 

Code

 > 

Date & Heure

 > MASQUE DE SAISIE DE DATE

MASQUE DE SAISIE DE DATE


 Information sur la source

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

  • 1

  • 2

  • 3

  • 4

  • 5

  • 6

  • 7

  • 8

  • 9

  • 10
Catégorie :Date & Heure Niveau :Initié Date de création :06/02/2002 Date de mise à jour :06/02/2002 10:08:45 Vu :15 899

Auteur : toxicAvenger

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

 Description


Source

  • Ce petit script vous permet d'appliquer un masque de saisie sur un champ de formulaire html.
  • La fonction se présente comme suit :
  • function masqueSaisieDate(obj) {
  • var ch;
  • var ch_gauche, ch_droite;
  • ch = obj.value;
  • ch.toString();
  • if ( ( (ch.slice(2,3)) != ("/") ) && (ch.length >= 3) ){
  • ch_gauche = ch.slice(0,2);
  • ch_droite = ch.slice(2);
  • obj.value = ch_gauche + "/" + ch_droite;
  • }
  • if ( ( (ch.slice(5,6)) != ("/") ) && (ch.length >= 6) ){
  • ch_gauche = ch.slice(0,5);
  • ch_droite = ch.slice(5);
  • obj.value = ch_gauche + "/" + ch_droite;
  • }
  • return;
  • }
  • Pour l'appeler, il suffit de mettre quelque chose de ce style
  • <input type="text" name="date_fin_validite" size='11' maxLength='10' value="" onKeyUp="masqueSaisieDate(this.form.date_fin_validite),">
  • pour appeler la fonction. Il vous restera alors à taper quelque chose du style 12122001 qui sera automatiquement formaté en 12/12/2001
Ce petit script vous permet d'appliquer un masque de saisie sur un champ de formulaire html.



La fonction se présente comme suit :



function masqueSaisieDate(obj) {
 var ch;
 var ch_gauche, ch_droite;



 ch = obj.value;
 ch.toString(); 
 
 if ( ( (ch.slice(2,3)) != ("/") ) && (ch.length >= 3) ){
  ch_gauche = ch.slice(0,2);
  ch_droite = ch.slice(2);
  obj.value = ch_gauche + "/" + ch_droite;
 }
 if ( ( (ch.slice(5,6)) != ("/") ) && (ch.length >= 6) ){
  ch_gauche = ch.slice(0,5);
  ch_droite = ch.slice(5);
  obj.value = ch_gauche + "/" + ch_droite;
 }
  return;
}



Pour l'appeler, il suffit de mettre quelque chose de ce style



<input type="text" name="date_fin_validite" size='11' maxLength='10' value="" onKeyUp="masqueSaisieDate(this.form.date_fin_validite),">

pour appeler la fonction. Il vous restera alors à taper quelque chose du style 12122001 qui sera automatiquement formaté en 12/12/2001
 

 Conclusion

Au passage, vous pouvez venir faire un petit tour sur http://www.cnam-lofteur.fr.st


 Sources de la même categorie

Source avec Zip CHRONOMÈTRE AMÉLIORÉ par Kolosta
Source avec Zip SLEEP() SANS BOUCLE D'ATTENTE CONSOMMATRICE par Phildepantin
Source avec Zip AFFICHAGE DE L'HEURE ET DU FUSEAU HORAIRE (TIMEZONE) SUR LA ... par navylav2
Source avec Zip Source avec une capture HORLOGE TRIPLE AFFICHAGE AU FORMAT AM/PM/24H/DST par sofiane1234
Source avec Zip Source avec une capture HORLOGE NUMÉRIQUE EN JAVASCRIPT, COMPATIBLE IE ET FF par bad_dark_spirit

Commentaires et avis

Commentaire de aramis le 08/02/2002 11:07:52

Cela fonctionne très bien sur IE mais sur Netsacpe, le comportement est complètement différent.

Peut -être pourrait-on rajouter des expressions régulières afin d'autoriser d'autres séparateur que le "/" tel que ".", "-"

Commentaire de Gatsu le 17/06/2003 15:14:27

La simplicité et l'efficacité, très bien.
Juste un petit pb, l'utilisateur peut sasir des années a ralonge.
Il faudrait l'empecher de pouvoir saisir plus de 4 chiffres.

Commentaire de Gatsu le 17/06/2003 15:24:35

G trouvé, il suffit de rajouter ce petit bou de code avt :
        ch = obj.value;
        obj.value = ch.slice(0,10);
        return;
M, un autre pb : on voit notre chiffre saisie qui disparait ( c pas très esthétique)

Commentaire de SgtKabukinan le 19/05/2005 17:50:34

juste pour faire coucou a toxicAvenger ;)
Troma !!!!!

sinon allez plutot voir ce script :
http://www.javascriptfr.com/code.aspx?id=17339

Commentaire de tikaprod le 30/03/2006 16:14:06

juste un petit rajout pour ce script.
il permet de corriger les saisies si l'ont met un jour > 31 ou un mois > 12

if ( ( (ch.slice(2,3)) != ("/") ) && (ch.length >= 3) ){
if (ch.slice(0,2)>31) { ch_gauche = '31'; } else { ch_gauche = ch.slice(0,2); }
ch_droite = ch.slice(2);
obj.value = ch_gauche + "/" + ch_droite;
}
if ( ( (ch.slice(5,6)) != ("/") ) && (ch.length >= 6) ){
if (ch.slice(3,5)>12) { ch_gauche = ch.slice(0,3)+'12'; } else { ch_gauche = ch.slice(0,5); }
ch_droite = ch.slice(5);
obj.value = ch_gauche + "/" + ch_droite;
}

 Ajouter un commentaire




Nos sponsors


Sondage...

CalendriCode

Mars 2010
LMMJVSD
1234567
891011121314
15161718192021
22232425262728
293031    

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

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