Comment transformer le texte du TEXTBOX en majuscule lorsque l’utilisateur commence à taper du texte en j

EDIT: Voir la réponse de Chigley à la place.

$(function() { $('#myTextBox').keyup(function() { $(this).val($(this).val().toUpperCase()); }); }); 

Démo: http://jsfiddle.net/SMrMQ/

Vous pouvez également styler avec CSS et effectuer une conversion réelle sur votre back-end.

Au lieu d’une solution jQuery, je serais tenté d’utiliser CSS pour que le texte à l’intérieur de l’entrée apparaisse en majuscule ( text-transform: uppercase ), qu’ils aient été saisis en majuscules ou en minuscule. Ensuite, lorsque vous traitez vos données, convertissez-les en majuscules. Par exemple, en PHP, vous utiliseriez strtoupper() – il existe des fonctions équivalentes dans la plupart des autres langues, j’imagine que vous pourriez traiter le formulaire avec!

 $(function() { $('input[type=text]').bind('keyup', function() { var val = $(this).val().toUpperCase() $(this).val(val); }); }); 

Testez-le ici: http://jsbin.com/opobu3

Ajoutez simplement text-transform: majuscule à votre style, puis côté serveur, vous pouvez le convertir en majuscule.

 input { text-transform: uppercase; }