Restriction de la forme de saisie d'un champ input [Débutant(e)] [Résolu]

[darkterreur]

Bonjour,

Je ne suis pas sur que mon titre soit tres claire.

j'ai un champs de saisie, ou l'on peut saisir un nom de dossier sauf qu'il doit etre d'un format bien précis :
"__ _ __ __ ___ __"
j'ai deja une regex appliqué dessus:

Code :

/[0-9]{2}\s\d\s[0-9]{2}\s\d\w\s[0-9]{3}\s[0-9]{2}/

mais rien n’empêche la personne qui va saisir de mettre un valeur ou il devrai y avoir du vide.

C'est a dire que je veux lui bloquer la possibilité de mettre son curseur en dehors des "_".

J’espère que je suis suffisamment clair.

Hésitez pas si je ne le suis pas.

[SpaceFrog]

jette un oeil sur les masque de sasie
du genre http://www.webresourcesdepot.com/jav...t-input-masks/

[darkterreur]

Bonjour,

Merci pour l'information je vais chercher en ce sens, bien qu'il me semblait que les masque de saisit était fait grâce aux regex.

Je fait une confusions?

[SpaceFrog]

Oui et non ...

Les regExp permettent en effet de vérifier un format de chaine de caracère
Mais pour l'affichage c'est une autre affaire...

[darkterreur]

J'ai trouver cette focntion qui me parait pratiquement claire

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
 
function init()
{
   // Création du masque date jj/mm/aaaa
   oDateMask = new Mask("jj/mm/aaaa", "date");
   // Création du masque montant en euro
   oEuroMask = new Mask("€#_###.00", "number");
   // Associer le oDateMask aux 2 champs
   oDateMask.attach(document.monform.datedebut);
   oDateMask.attach(document.monform.datefin);
   // Associer le oEuroMask au champ
   oEuroMask.attach(document.monform.montant);
}

Cependant je ne trouve pas de liste d'argument c'est a dire que représente exactement# ?

De le mieux est ce d'utiliser cette fonction a l'initialisation de la page ou lors d'un évènement de saisie? tel que onKeyUp etc...

[SpaceFrog]

J'ai trouver cette focntion qui me parait pratiquement claire

Mask n'est pas une fonction js ... il y a un plugin ou un lib derrière
et a priori je ne pense pas trop me mouille ren disant que dans ce cas # est le caractère joker pour du numerique ...

[darkterreur]

Effectivement j'étais passé à coté, je suis tombé sur un bibliothèque mais j'ai peur qu'elle soit uniquement prévue pour les dates et les nombres, ce qui me parait bizarre.
Voici le liens de la bibliothèque cela vous parlera sûrement plus à vous qu'a moi.

Je cherche donc a faire un masque de saisie de ce type la :
"##_#_##_##_###_###"
Et la cerise c'est que le 7me caractère peut être chiffre ou lettre contrairement aux autre qui ne sont que chiffre.

J'ai vu dans la bibliothèque que '*' permettrait la validation de [0-9][a-z][A-Z]
et que '#' permettrait la validation de [0-9]
mais je ne sais pas trop comment appeler un type generic je ne suis pas sur que se soit possible

[darkterreur]

Voila finalement j'ai trouver en cherchant bien dans les test fournis
on manipule comme on veut en mettant string comme type et la forme de notre masque de saisie.

Code :

1
2
3
4
5
 
function MasqueSaisie(){
		oEuroMask = new Mask("## # ## #* ### ##", "string");
		oEuroMask.attach($('NumBl'));
	}

Merci SpaceFrog pour m'avoir orienté