Convertir texto de html input automáticamente a mayúsculas

Algunas veces necesitamos que el texto que se ingresa en un campo de texto de html como:

<input type="text" id="texto" />

Solamente permita ingresar datos en mayúsculas independientemente de si el usuario ingresa mayúsculas y minúsculas.

En este caso, el siguiente plugin de jquery convierte automáticamente la entrada en mayúsculas y además retira las tildes de los caracteres tildados, con lo cual, á se convierte en A y Á también se convierte en A.

Pueden descargarlo desde aquí:

https://github.com/skarootz/jquery-utils-pack/blob/master/jquery.mayusculassintildes.js

Y un ejemplo se puede ver en demos/index.html en:

https://github.com/skarootz/jquery-utils-pack

Básicamente todo lo que tienes que hacer es

$("#texto").mayusculassintildes();

En este momento el plugin se encuentra muy básico si tienes alguna observación o encuentras alguna incompatibilidad con lo que deseas hacer crea una cuenta en https://github.com y modifícalo 😉

4 thoughts on “Convertir texto de html input automáticamente a mayúsculas”

  1. Saludos, ya lo probe. Me parece bien porque lo transforma al instate y no muestra la conversión. Pero lo malo es que no acepta caracteres epsecials #$%&/( y las letras con acentos áéíóú no las transfoma. Desearía encontrar otro script que permita esto.

  2. Ya encontre lo que deseaba, todo esto se puede hacer con la etiqueta de css style=”text-transform: uppercase;”

  3. Como puedes ver en la descripción este plugin tb retira los caracteres tildados:

    además retira las tildes de los caracteres tildados

    Claro que si lo que deseas es simplemente la conversión visual a mayusculas text-transform: uppercase en lo correcto, sin embargo ten en cuenta que los datos serán enviados tal como fueron tipeados al servidor, ya sea en mayúscula o minúscula.

Leave a Reply

Your email address will not be published. Required fields are marked *