JavaScript

MAYUSCULAS en un text javascript

Volver al foro | Responder | Añadir nuevo tema

---

De: Pedro
Fecha: 10/10/2007
Mensaje:

Necesito saber como puedo hacer para que un text se llene siempre con may�sculas, es decir, que as� la persona este escribiendo en min�scula o en may�scula en el text se muestre en mayuscula.

---

Quiz�s le interese

• Pasar un text con un array a javascript  (Con soluci�n)
• Funcion para aceptar solo mayusculas  (Con soluci�n)
• Mayusculas y repetir texto en otro campo
• Input text
• Text box solo letras  (Con soluci�n)
• Asignar a una var js el valor In,text  (Con soluci�n)
• Tomar el valor de un text box
• Comparar valores input Text  (Con soluci�n)

---

De: ZeroKilled
Fecha: 10/10/2007
Mensaje:

si es cuestion de solo presentacion visual puedes utilizar css:
<input type='text' style='text-transform:uppercase;' />

ahora bien, tengase en cuenta que realmente el texto permanece tal como el usuario lo escribio. si fuera el caso en que requieres el texto en mayusculas antes de ser enviados a un servidor o lo que fuera, entonces explicitamente hay que convertir el texto. para ello usamos la funcion toUpperCase de la clase string:
'string'.toUpperCase(); // devuelve STRING;

la conversion la puedes hacer cuando gustes: antes de enviar los datos (onsubmit), mientras el usuario escribe (onkeypress), o cuando el usuario termina de introducirlo (onchange). simplemente tienes que tomar el puntero del input y asignarle un nuevo valor. ejemplo:

<input type='text' name='texto' onkeypress='validate(this);' />
[script]
var validate = function(input){
input.value = input.toUpperCase();
}
[/script]

basicamente ahi tienes dos alternativas pero recuerda que realmente ambos son distintos aunque producen el mismo efecto. ahora te resta adaptarlo a lo que tengas de codigo o tu necesidad.

---

Volver al foro | Responder | Añadir nuevo tema

Quiz�s le interese:

• Pasar un text con un array a javascript  (Con soluci�n)
• Funcion para aceptar solo mayusculas  (Con soluci�n)
• Mayusculas y repetir texto en otro campo
• Input text
• Text box solo letras  (Con soluci�n)
• Asignar a una var js el valor In,text  (Con soluci�n)
• Tomar el valor de un text box
• Comparar valores input Text  (Con soluci�n)

WebEstilo.com no se hace responsable de las opiniones que los usuarios puedan verter en cualquiera de los foros existentes.

Comparte