Covertir a Mayúsculas los datos de un campo de formulario con JavaScript

Tutorial JavaScript: Mayúsculas Automáticas.

Cómo convertir a Mayúsculas el texto de un campo de formulario automáticamente con javascript.

JavaScript
Tutoriales JavaScript

A veces, por alguna razón, necesitamos que los datos de un campo de formulario se envíen en MAYUSCULAS, poner una nota que lo indique no es la solución porque la mayoría de las veces los usuarios no las leen o les restan importancia.

Usar JavaScript para esta tarea resulta tan sencillo, que no será necesario crear una Función JavaScript de validación de datos, sólo haremos uso de Eventos JavaScript, en específico, del evento onkeyup.

Evento JavaScript OnkeyUp:
Ocurre en el momento en que dejamos de pulsar una tecla.

Para cambiar automáticamente a mayúsculas el texto que se escribe en un campo de formulario, simplemente agrega lo siguiente al campo en cuestión, funcionará en todos los navegadores:

onkeyup="this.value=this.value.toUpperCase()"

Ejemplo en un INPUT del tipo TEXTO:
Código HTML:

<input type="text" onkeyup="this.value=this.value.toUpperCase()" name="texto" value="">

Saludos a todos y espero que este sencillo tutorial sea de utilidad. DaxMX.

Nota: Artículo actualizado del original publicado en Diciembre de 2010 en dasumo.com

5 comentarios

Añadir respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *