Discussion :

[griese]

Bonjour à tous,
J'ai posé mon problème dans le forum HTML et on m'a dit que j'aurais plus de chance ici. Donc voilà, lors d'une saisie dans un formulaire, je voudrai que dans l'un des champs, la saisie se fasse automatiquement en majuscule. Alors est-ce possible ?
Si oui, comment ?
Merci

[bibiloute]

ca depend de ce que tu veux :
soit tu veux recuperer les donnees et les "transformer" en minuscule et tu fais tu toLowerCase(); sur ta chaine de caractere

soit tu fais un script qui utilise l'evenment onkeyUp(); lit l'entree et renvoie dans le input le caractere en minuscule

a+

[SpaceFrog]

Code :

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

onkeyup='this.value=this.value.toUpperCase()'

à doubler sur le onmouseup ...

[Seb19]

Bonjour,

Oui c'est possible, il suffit de faire une fonction javascript qui passe le contenu du champ en majuscule (toUpperCase() ), cette fonction étant appelée dés que le focus change de champ.

[SpaceFrog]

bibiloute => dasn l'autre sens pas en minuscule mais en majuscule ...
Seb => c'et bien mais pour quoi attendre le blur ?

[Seb19]

Seb => c'et bien mais pour quoi attendre le blur ?

Un moment d'absence

[SpaceFrog]

remarque le onbluer permet d'eviter de doubler l'appel de la focntion sur le onmouseup ...

[Auteur]

Code :

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

onkeyup='this.value=this.value.toUpperCase()'

à doubler sur le onmouseup ...

pourquoi faire le onmouseup ?
Il y a un petit problème lors de l'insertion d'un caractère entre deux autres : après la frappe le curseur retourne à la fin.

[SpaceFrog]

pour le onmouseup si tu fais un copier coller avec la souris ...

pour le curseur qui se replace à la fin il faut contourner le problème en interceptant sur le onkeydown la touche enfoncée et en retournant la majuscule à la place de la minuscule ...

[griese]

Code :

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

onkeyup='this.value=this.value.toUpperCase()'

Impeccable, ça fonctionne.
Merci à vous pour votre aide.

[british_toons]

Bonjour à tous !
Je ré-ouvre cette discussion concernant les :

onkeyup="this.value=this.value.toLowerCase()"
onkeyup="this.value=this.value.toLowerCase()"
onblur="this.value=this.value.toLowerCase()"
onfocus="this.value=this.value.toLowerCase()"

En utilisant ces fonctions de javascript je ne peux pas utiliser les flèches de direction < ^> du clavier de mon pc pour me positionner dans mon champs.

Mon curseur se repositionne directement en fin ou en debut de saisie impossible de me caler ou je le souhaite !

Alors qu'en me positionnant avec ma souris c'est impec !

Merci de votre commentaires à ce sujet !! A++

[SpaceFrog]

teste le keycode des touches de direction sur le onkeyup

[Bapt.ice]

Encore mieux :
HTML :

Code :

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

<input ... class="majuscule" />

CSS :

Code :

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

1
2
3
4
.majuscule
{
    text-transform: uppercase;
}

Ca peut toujours servir vu que cette discussion est arrivé en haut de ma recherche google

[SpaceFrog]

sauf que la valeur envoyée au serveur est en minuscule si saisie comme telle il faudra de toute façon faire une conversion en upper