ExpReg para letras y espacios

reciervide · #1 (**permalink**) 25/04/2013, 13:31

Necesito una expresion regular que me valide un campo de texto al cual solo le pueda poner letras y/o espacios. Por ejemplo:

Jefe de Operaciones
Gerente

con el evento keypress para evitar que el usuario lo pueda teclear, pero que si pueda teclear el backspace para si quiere borrar algo.

Salu2s

alexg88 · #2 (**permalink**) 25/04/2013, 15:12

Buenas,

Así podría servir:

Código HTML:

Ver original<html>
    <head>
        <script type="text/javascript">
            window.onload=function()
            {
                document.getElementById("prueba").onkeypress = function(event)
                {
                  event = event || window.event;
                  var caracter = event.charCode || event.keyCode;
                   return (/[a-zA-Z ]/.test(String.fromCharCode(caracter)));      
                }
            } 
        </script>
    </head>
    <body>
        <input type="text" id="prueba">
    </body>
</html>

emprear · #3 (**permalink**) 25/04/2013, 18:50

Cita:

Iniciado por reciervide

Necesito una expresion regular que me valide un campo de texto al cual solo le pueda poner letras y/o espacios. Por ejemplo:

Jefe de Operaciones
Gerente

con el evento keypress para evitar que el usuario lo pueda teclear, pero que si pueda teclear el backspace para si quiere borrar algo.

Salu2s

Lo correcto para ese caso sería

Código:

<!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\s\u00C0-\u00ff]+$/i; // expresión regular para letras(máy o minus), acentuadas o no, y espacios en blanco
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>
<br />
<label  for="apellido">Apellido</label>
<input type="text" onkeyup="validar(this.id,'mensaje_apellido');" id="apellido" />
<span id="mensaje_apellido"><!-- aqui el mensaje a medida que se introducen caracteres --></span>
</div>
</form>
</body>
</html>

Saludos