Deixando campos do formulário com uppercase

Bom nesse post vou passar uma pequena solução que eu encontrei quando um cliente me pediu para que quando o usuário digitar os dados no formulário as letras ficassem em maiúsculas. Procurei alguns plugins na net e até encontrei mas quando testei direitinho encontrei um bug com acentuação.

Como o meu tempo é curto pois trabalho para empresa privada e somente no período noturno para meus clientes consegui com a seguinte solução:

$('#form').find(':input').each(function() {
    $(this).bind('keyup', function(){
        $(this).val($(this).val().toUpperCase());
    });
});

Com isso o script faz uma busca por todos os inputs na tela e quando o usuário digita ele vai transformando as letras em maiúsculas.

No css eu coloquei isso para que o usuário não veja o texto sendo transformado para maiúsculo.

input[type=text]{
    text-transform: uppercase;
}
textarea{
    text-transform: uppercase;
}

Bom não sei se existe uma solução mais simples, a que resolveu o meu caso foi essa.

Abraços.

  1. Ainda não há comentários.

  1. Ainda não há trackbacks.