campo de texto con solo letras y numeros

thetwister · #1 (**permalink**) 25/06/2012, 15:40

Hola foro ¿como estan?

El motivo del post es pedirles ayuda con un codigo que encontre en internet
Les cuento; lo que quiero es hacer un campo de texto que solo permita letras o numeros y quizas uno que otro caracter como guion bajo y que si el usuario de alguna manera "x" logra poner otro, se borre el campo de texto para que lo vuelva a escribir correctamente

encontre un codigo en internet que hace exactamente eso aqui [URL="http://fgualambo.blogspot.mx/2011/09/validar-campo-de-texto-solo-letras.html"]http://fgualambo.blogspot.mx/2011/09/validar-campo-de-texto-solo-letras.html[/URL] (es el segundo codigo, el que tiene la funcion "limpiar")

El problema es que ese solo acepta letras y quiero que tambien acepte numeros asi que como pude lo modifique pero ahora si permite escribir numeros pero al quitar el cursor del campo lo borra

Aqui el codigo que tengo

Código Javascript:

Ver original<script>
function soloLetras(e){
    key = e.keyCode || e.which;
    tecla = String.fromCharCode(key).toLowerCase();
    letras = " 0123456789abcdefghijklmnñopqrstuvwxyz";
    especiales = [8,48,49,50,51,52,53,54,55,56,57,37,39,46];
 
    tecla_especial = false
    for(var i in especiales){
 if(key == especiales[i]){
     tecla_especial = true;
     break;
        } 
    }
 
    if(letras.indexOf(tecla)==-1 && !tecla_especial)
        return false;
}
function limpia(){
    var val = document.getElementById("miInput").value;
    var tam = val.length;
    for(i=0;i<tam;i++){
 if(!isNaN(val[i]))
 document.getElementById("miInput").value='';
    }
}
</script>
 
<input type="text" onkeypress="return soloLetras(event)" onblur="limpia()" id="miInput">

Lo que agregé está en la linea 5 donde escribí los numeros y en la linea 6 donde puse los numeros 48 al 57 basados en esta [URL="http://franz.webcindario.com/utilidades/keycode.php"]Tabla[/URL] y segun entendí

¿Cómo puedo hacer que ya acepte los numeros sin borrar el campo de texto?

Por cierto, mi conocimiento en JavaScript es como de 0.1%

haha, pero en este momento lo necesito y por eso la necesidad de investigar

Gracias

emprear · #2 (**permalink**) 25/06/2012, 19:52

Esto ya ha sido respondido muchas veces en el foro, para la próxima te recomiendo hagas un búsqueda más refinada

Código HTML:

Ver original<!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">
<head>
<title>titulo</title> 
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<script type="text/javascript">
function validar(idcampo, mensaje) {
var cadena = document.getElementById(idcampo).value;
var exp_reg  = /^[a-z\d\u00C0-\u00ff]+$/i; // expresión regular para letras(máy o minus), acentuadas o no, y números
var verifica = exp_reg.test(cadena);
if (verifica == true){
//alert('ok');
document.getElementById(mensaje).innerHTML = "Correcto";
}else {
//alert('error');
document.getElementById(mensaje).innerHTML = "Incorrecto";
return false;
}
}
</script>
</head>
<body>
<form action="#">
<div>
<label for="nombre">Nombre</label>
<input type="text" onkeyup="validar(this.id,'mensaje_nombre');" id="nombre" />
<span id="mensaje_nombre"><!-- aqui el mensaje a medida que se introducen caracteres --></span>
</div>
</form>
</body>
</html>

thetwister · #3 (**permalink**) 25/06/2012, 20:23

Hola emprear, gracias por el codigo

Este no lo ví pero sirve muy bien, por otro lado veo que permite letras con acentos y mayusculas ¿ hay menera de que no permita esos caracteres? es que es lo pienso usar para un campo de texto para el login donde no quiero que se pueda poner

emprear · #4 (**permalink**) 25/06/2012, 21:47

se remueve esto
\u00C0-\u00ff

SAludos

IsaBelM · #5 (**permalink**) 26/06/2012, 05:34

también el modificado de patrón (i)