Capitalize first letter of text field WHILE typing with Jquery?

Question

I'm looking for an example of how to capitalize the first letter of a string being entered into a text field. Normally, this is done on the entire field with a function or regex onBlur or OnChange, etc... I want to capitalize the first letter while the user is STILL typing.

For instance, if I'm typing the word "cat" -- The user should press 'c', then by the time he presses 'a', the C should be capitalized in the field.

I think what I'm going for might be possible with keyup or keypress but I'm not sure where to start.

Anyone have an example for me?

Answer 1

$('input[type="text"]').keyup(function(evt){
    var txt = $(this).val();


    // Regex taken from php.js (http://phpjs.org/functions/ucwords:569)
    $(this).val(txt.(str+'').replace(/^(.)|\s(.)/g, function($1){ return $1.toUpperCase( ); }));
});

Answer 2

Just use CSS.

.myclass 
{
    text-transform:capitalize;
}

Answer 3

I am trying to use the function mentioned below ($('#up').keyup(function(event) { var textBox = event.target; ...) and something weird is happening with the usage combination Greek+Google Chrome. It capitalizes the first char but also replaces it with some other char. I am using currently using Google Chrome 5.0.375.70. Any ideas?