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:

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

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

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

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

Escrito en: Webmaster
4 CommentsLeave a comment
  • Como puedo poner un script en un formulario de PDF, lo qu quiero realizar es que al momento de ir llenando el formulario que el texto se ponga en MAYUSCULAs, espero y puedan ayudarme

  • oh! my Good… siempre me preguntaba como hacer para poner la primera letra en mayusculas ya que la mayoria de la gente no se toma la molestia de escribir su nombre corectamente..
    woww!!
    llegue aqui por accidente pero creo que te visitare a menudo pues tienes muchos truquitos que me interesan..
    Atentamente
    Maria Lourdes

  • Buena man gracias x el aporte me servio de mucho (Y)

  • Muchas gracias por tu aporte Dasumo!!
    Ya se lo que pensas….que no entiendo nada y es vdd!!!
    Una nunca sabe las vueltas de la vida y termino dejando la veterinaria y pasandome por estos lados….
    Un beso

Leave a comment

 

     


Subir