Tag Archives: textinput

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 😉