Discussion :

[benben13]

salut à tous,

je souhaiterai dans un champ de mon formulaire, obliger l'utilisateur à d'abord rentrer 3 lettres puis 4 entiers dans l'input type text
exemple : ABC2145

ne connaissant pas grand chose au javascript je m'en remet à vous

merci d'avance aux futures reply

Cordialement

ps : est il possible aussi d'imposer un caractère spécial dans un champ ?
je souhaiterai imposer un "/" à la 5eme position par exemple : " / ".

[fred777888999]

Il est possible de tester chaque touche tapee avec une methode comme decrite dans ce post, mais ce n'est pas la verite absolue catr le copier-coller n'est pas gere. Il vaut mieux tester le contenu de ton champ avec une expression reguliere avant de poster. (l'un n'empeche pas l'autre).
++
Fred.

[MANU_2]

Exact sauf si tu empêche le copier/coller

[benben13]

Il est possible de tester chaque touche tapee avec une methode comme decrite dans ce post, mais ce n'est pas la verite absolue catr le copier-coller n'est pas gere. Il vaut mieux tester le contenu de ton champ avec une expression reguliere avant de poster. (l'un n'empeche pas l'autre).
++
Fred.

merci pour ta réponse, j'étais effectivement déjà tombé sur le 1er lien donné, mais mon problème se situe plutot au niveau de checker seulement les 3 premiers caractères puis d'appliquer une autre règle pour les 4 derniers.

[benben13]

ok j'ai saisi le principe de regexp, mais par contre je ne vois pas comment l'implenter dans mon champ :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<input type=text name=FromFabric MAXLENGTH=11 onKeypress="?????">

[fred777888999]

Le checker, tu peux le faire en bouclant sur tous tes champs dans une fonction "onSubmit()"
Un exemple simple avec un controle de date sur le champ toto :
(bien noter le return check() dans la fonction, pas juste check() )

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
 
<script type="text/javascript">
function check() {
    expr = /^([0-2]\d|30|31)\/(01|02|03|04|05|06|07|08|09|10|11|12)\/(19|20)\d\d$/;
   if ( !document.getElementById("toto").value.match(expr) ) {
      alert("Vous devez saisir une date");
      return false;
   }
   return true;
}
</script>
<form id="formulaire" onSubmit="return check()" action=".." method="..">
<input type="text" id="toto">
<input type="submit">
</form>

[benben13]

ok merci, pour l'instant ça marche pas mais j'y vois plus clair

j'ai fais ça :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
<script type="text/javascript"> 
function check() { 
    expr = /{3}[A-Za-z]\d/; 
   if ( !document.getElementById("FromMotor").value.match(expr) ) { 
      return false; 
   } 
   return true; 
} 
</script> 
 
....
 
<input type=text id=FromMotor name=FromMotor MAXLENGTH=9 onKeypress="return check()">

[fred777888999]

Parfait, c'est bien l'idee, mais c'est pas sur le onKeyPressed qu'il faut le faire mais bien a la validation de ton formulaire. Si tu le fait a chaque touche tapee, ca ne peut pas marcher car l'expression n'est vraie que quand tu as fini ta saisie. Comme tu bloque la saisie de chaque touche si elle est fausse, tu peux pas t'en sortir. Il faut donc le faire sur le onSubmit du formulaire comme l'exemple que je t'ai donne et/ou sur le onBlur du champ. En completant un peu l'exemple ci-dessus :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 
<script type="text/javascript">
function check() {
    expr = /^([0-2]\d|30|31)\/(01|02|03|04|05|06|07|08|09|10|11|12)\/(19|20)\d\d$/;
   if ( !document.getElementById("toto").value.match(expr) ) {
      alert("Vous devez saisir une date");
      document.getElementById("toto").focus();
      return false;
   }
   return true;
}
</script>
<form id="formulaire" onSubmit="return check()">
<input type="text" id="toto" onBlur="return check()">
<input type="text" id="titi">
<input type="submit">
</form>

qui est loin d'etre parfait car il effectue le test beaucoup trop de fois, je te laisse le soin de l'adapter.
++
Fred.

[benben13]

ok ça marche, même si j'esperais qu'il y aurait une soluce sur un "onkeypress"
par contre mon expression régulière ne semble pas bonne

merci pour ton aide

[benben13]

ah si c'est bon en corrigeant comme suit : expr = /[A-Za-z]{3}[0-9]{6}/;
merci encore

je laisse ouvert au cas où une solution sur un "onkeypress" apparaisse

[fred777888999]

les expressions reguliere, c super puissant, mais c'est tout sauf simple. Cependant, une fois que tu les maitrise, tu peux avoir un tres bon controle de ce que l'utilisateur peux ou ne peux pas saisir avec.
un excellent lien qui te permet de tester tes expressions regulieres et qui contient un exemple de consersion de dates fort instructif :
expressions
Si tu maitrise ca, tu deviendra alors un expert en conceptions de formulaires
Un conseil, quand tu as trouve une expression reguliere qui fonctionne (comme celle que je t'ai donne pour les dates qui n'est pas terrible et dont je dois confesser ne pas etre l'auteur) garde la sous le coude (dans un bloc-notes par ex), elle te reservira forcement un jour...
++
Fred.

[benben13]

c'est vrai que c'est fort utile merci bien

[fred777888999]

maintenant que tu t'est un peu interesse a la question, je te donne la forme la plus simple d'expression reguliere qui devrait repondre a ton probleme :
/\w\w\w\d\d\d\d/
comme tu le vois dans la liste des possibilites de tes expressions, \w correspond a une lettre et \d un chiffre. Bien sur, il y a plein d'autres solutions pour parvenir a ce resultat.
Bonne continuation.
Fred.
[edit] oups, dsl, j'avais meme pas vu que tu avait corrige tout seul ton expr reguliere, felicitations [/edit]

[benben13]

maintenant que tu t'est un peu interesse a la question, je te donne la forme la plus simple d'expression reguliere qui devrait repondre a ton probleme :
/\w\w\w\d\d\d\d/
comme tu le vois dans la liste des possibilites de tes expressions, \w correspond a une lettre et \d un chiffre. Bien sur, il y a plein d'autres solutions pour parvenir a ce resultat.
Bonne continuation.
Fred.
[edit] oups, dsl, j'avais meme pas vu que tu avait corrige tout seul ton expr reguliere, felicitations [/edit]

oui en fait c'était 3 lettres + 6 chiffres mais bon ça on s'en fou
par contre le \w représente tous les alphanumériques non ? ça ne marcherait pas dans mon cas pour ne limiter qu'à des lettres, enfin avec /[A-Za-z]{3}[0-9]{6}/ cela fonctionne

edit : pour ton edit

[fred777888999]

Exact, ma solution n'est donc pas terrible mais la tienne fonctionne tres bien
Un ptit click sur et je serai encore plus content
++
Fred.

[benben13]

allez je te dois bien ça pour ta précieuse aide
a+