How to do when the user enters text input and then automatically converts it to uppercase in jQuery?

Question

Here is an example of my form http://jsfiddle.net/GT7fY/

How to convert all text to uppercase when a user writes to a field?

+6

Unknown Error Feb 22 '12 at 16:49

6 answers

Try the following:

 style input input{text-transform:uppercase;} and onBlur make uppercase <input onBlur="$(this).val(this.value.toUpperCase());">

What is it:)

+4

Pedro soares Feb 22 '12 at 16:58

I would just convert it to uppercase into a send event.

 $("#verify input").val(function(i,val){ return val.toUpperCase(); });

A capital requirement can simply be hidden from the user.

+3

Kevin b Feb 22 '12 at 16:53

 $('form#verify').on('keyup', 'input', function(event) { $(this).val($(this).val().toUpperCase()); });

+2

Alexander Corwin Feb 22 '12 at 16:55

Paste This at the bottom:

 $(document).ready(function(e){ $('input[type="text"]').on('keyup', function(){ $(this).val(this.value.toUpperCase()); }); });

+2

Likwid_T Feb 22 '12 at 16:58

 $(":input").keyup(function() { $(this).val($(this).val().toUpperCase()); });

all yours.

+2

digitebs Feb 22 '12 at 16:58

Nicola Peluchetti · Accepted Answer · 2012-02-22T16:52:19+0000

You can use keyup() and toUpperCase()

 $('input').keyup(function(){ this.value = this.value.toUpperCase(); });