Question

I am using a JavaScript (jQuery) function to force uppercase in a textfield. The problem is that if a user types, then tried and use the arrow keys, or clicks into the start of the field and types again, it forces the cursor back to the end of the textfield.

See the following jsFiddle: http://jsfiddle.net/Msh7P/1/

Type anything, then try and use the left arrow key, or click to the start of the textfield and type.

How can I fix this? Thanks.

Answer 1

CSS as suggested, or you can do this:

$(document).ready(function() {
    $("#username").bind("input paste", function() {
        $(this).val($(this).val().toUpperCase());
    })
        .bind("keydown", function(e) {
            e.shiftKey = true;
        });
});​