Validar un campo a solo mayusculas

pumpkinpie · #1 (**permalink**) 25/10/2007, 21:02

hola
saludos, quisiera saber como validar un campo de texto a que el usuario escriba solo en mayusculas, es decir que aunque escriba en minusculas el contenido sea en mayusculas.

Muchas gracias!!!

JavierB · #2 (**permalink**) 26/10/2007, 00:41

Hola pumpkinpie

Esto te puede ayudar:

Código:

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

Saludos,

pumpkinpie · #3 (**permalink**) 26/10/2007, 12:52

muchas gracias!
justo anoche encontre la solucion con php strtoupper()
vere que es mejor.

muchas graciaS!!!!

derkenuke · #4 (**permalink**) 28/10/2007, 08:14

Se podría hacer con símple CSS:

Código PHP:

  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es" lang="es">
<head>
<meta http-equiv="Content-type" content="text/html;charset=iso-8859-1" />
<meta name="Author" content="derkeNuke" />
<title>Página nueva</title>
<style type="text/css">
#caja {
    text-transform: uppercase;
}
</style>
</head>

<body>

<input type="text" id="caja" />
<button type="button" onclick="alert('El contenido de la caja es:\r\n'+document.getElementById('caja').value)">¿Qué contiene la caja?</button>

</body>
</html>

Pero hay que tener cuidado porque esas mayúsculas no son más que en presentación, es decir, si obtenemos el contenido con javascript (o enviamos el contenido a un PHP para que lo procese...) el contenido escrito será sensible a minúsculas y mayúsculas, es decir: lo que hayamos escrito.

Un saludo.

rol2007 · #5 (**permalink**) 29/10/2007, 09:06

si jaja
yo habia probado con css y pense que era una gran solucion pero al comprobar la BD me di cuenta que no :(

pero yo utilizo esto que es mejor

function upperCase(e) {
tecla = (document.all) ? e.keyCode : e.which;
if(tecla == 9 || tecla == 0) return true;
if(tecla == 8) return true;
if(window.Event){
var pst = e.currentTarget.selectionStart;
var string_start = e.currentTarget.value.substring(0,pst);
var string_end = e.currentTarget.value.substring(pst ,e.currentTarget.value.length);
e.currentTarget.value = string_start+ String.fromCharCode(tecla).toUpperCase()+ string_end;
e.currentTarget.selectionStart = pst + 1;
e.currentTarget.selectionEnd = pst + 1;
e.stopPropagation();
return false;
}
else {
te = String.fromCharCode(tecla);
te = te.toUpperCase();
num = te.charCodeAt(0);
e.keyCode = num;
}
}

<input type="text" name="nombre"onkeypress="return upperacase(e)" >

revisa los faq