Discussion :

[wolflinger]

Bonjour,

J'ai un formulaire avec différents champs de saisie dont un étant "Nom".
J'aimerais que lorsqu'on saisie du texte dans ce champ, celui s'affiche en majuscule et qu'il soit considéré comme majuscule lors de la validation du formulaire.

J'espère avoir été clair, sinon, je vous met une capture d'écran.

Merci!

A bientôt!

[Swoög]

Salut

Code :

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

<input type="text" name="Nom" onKeyUp="this.value=this.value.toUpper()">

[bavibavi]

tu peux utiliser une petite fct javascript (uppercase me semble-t-il) qui va te permet de mettre en majuscule.

Pour le montrer au user, tu peux le réaliser au onchange de ton champ text ou à lors de sa perte de focus.

[bavibavi]

onKeyUp

Elle correspond à quoi cette fct ? c'est des que la personne relache une touche dans le champs ? humm interesting

[Swoög]

quand on relache une touche du clavier, ça permet de mettre en majuscule à chaque lettre, et ça permet d'éviter les bugs du style validation en appuyant sur entrée (dans ce cas, il me semble que ni onchange ni onblur ne s'exécutent )

[bavibavi]

oui bien vu, je vais tester ca .

[wolflinger]

Salut

Code :

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

<input type="text" name="Nom" onKeyUp="this.value=this.value.toUpper()">

Salut Swoög et merci de ta réponse super rapide!

Avec ce code, j'obtiens une erreur.
A la saisie dans le champ de texte correspondant, le petit icone en bas à gauche m'indique "erreur sur la page".
Les détails me disent "Cet objet ne gère pas cette propriété ou cette méthode".
En effectuant quelques recherches, l'évenement "onkeyup" n'est pas valable sur un champ de texte, uniquement pour Textarea, document, Image ou Link...

[Swoög]

arf... faut se rabattre sur onchange alors... désolé...

[wolflinger]

arf... faut se rabattre sur onchange alors... désolé...

Toujours le même souci...
Peut-être cela vient-il plutôt de la fonction toupper() ?

[Swoög]

arf, exact, c'est toUpperCase, pas toUpper

[wolflinger]

Finalement, le onKeyUp fonctionne !
Et c'est le seul qui permet l'affichage des majuscule en temps réel.
Donc voici le code final :

Code :

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

1
2
 
<input type="text" name="Nom" onKeyUp="this.value=this.value.toUpper()">

Encore merci Swoög

[chnew]

C'est bien mais quand tu appuye sur la fleche gauche ou droite ca va a la derniere position :-(

comment regler ce problème ?