Forcing form text to be lower-case

Question

How could I force the text in the \"username\" text input to be lower-case regardless of what user types?

Answer 1

Using jquery assuming that the input ID is username:

$(document).ready(function(){
    $("#username").on('input', function(){
        $(this).val( $(this).val().toLowerCase() );
    })
});