How can I change all input values to uppercase using Jquery?

Question

I want to change all my form values to uppercase before the form is submitted.

So far I have this but it's not working.

$('#id-submit').click(function () {
        var allInputs = $(":input");
        $(allInputs).value.toUpperCase();
        alert(allInputs);
});

Answer 1

Try like below,

$('input[type=text]').val (function () {     return this.value.toUpperCase(); }) 

You should use input[type=text] instead of :input or input as I believe your intention are to operate on textbox only.

Answer 2

use css :

input.upper { text-transform: uppercase; }

probably best to use the style, and convert serverside. There's also a jQuery plugin to force uppercase: http://plugins.jquery.com/plugin-tags/uppercase