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

Tutorial JavaScript: Cambiar a Mayúsculas el texto o datos de un campo de formulario.

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 no les toman importancia.

Entonces, la solución es usar JavaScript, y resulta tan sencillo, que nisiquiera será necesario crear una Función JavaScript o crear una validación, 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 implementarlo en un campo de un formulario, cimplemente hay que colocar lo siguiente al campo de formulario del que queremos obtener datos en mayúsculas, y esto se hará automáticamente, funciona en todos los navegadores:

[code]onkeyup="this.value=this.value.toUpperCase()"[/code]

Ejemplo en un INPUT de TEXTO:
Código HTML:

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

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

4 Comentarios

Deja un comentario

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