how to control or change all the text to upper case

Question

I'm developing a few forms for my company to use. I consult and insert data into the database, but for standard issues I want to transform the text I enter to uppercase, How I do that?

Example of one of my forms:

I want the text fields I enter in automatically transformed to uppercase, or the data that I enter into my database already transformed to uppercase (in the case that the user doesn't enter it that way).

---

EDIT:

I try

$("tbCiudad").change(function() {
    $(this).val($(this).val().toUpperCase());
});

or

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

and nothing happens to that field. What am I doing wrong?

Answer 1

$("input[type=text]").keyup(function(){
  $(this).val( $(this).val().toUpperCase() );
});

Answer 2

You can add an event handler with javascript (or jquery if you want) to keypress or blur events of those textboxes and then apply what Jay Blanchard suggested. Something like this:

$("input[type='text']").bind("blur", null, function(e) {
    $(this).val($(this).val().toUpperCase());
});