Como pedir ingresar solo palabras!!!

garcia1808 · #1 (**permalink**) 14/04/2012, 19:43

Wenas .

Necesito una manito .

Como he pedido ingresar un numero con parseInt y el isNaN, para que solo ingrese un numero y si ingreso otra cosa como letras o caracteres me tire un alert que diga que debo ingresar solo numeros.

Necesito tambien la forma de que solo me pida ingresar letras, como ejemplo nombre y apellido , y si ingreso numero u otras cosas me tire una alerta que , claro la hago yo que diga lo q debo ingresar.

Si alguien sabe le agradeceria se me diria la forma.

Muchas Gracias!!!

emprear · #2 (**permalink**) 14/04/2012, 21:09

Ejemplo:

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\u00C0-\u00ff]+$/i; // expresión regular para letras(máy o minus), acentuadas o no,
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

oscarbt · #3 (**permalink**) 15/04/2012, 13:32

Y que tal algo asi:

Código Javascript:

Ver originalfunction Sololetras(tfield) { 
   var valid = "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ"; 
   var ok = "yes"; 
   var temp; 
   var x =0;
   for (var i=0; i<tfield.value.length; i++) { 
    temp = "" + tfield.value.substring(i, i+1); 
    if (valid.indexOf(temp) == "-1") ok = "no";
   } 
 
   if (ok == "no") { 
    alert("Solo letras");
    x=1; 
    tfield.focus(); 
     document.getElementById("idcampo").value="";
   } 
  
   return x;
}

Retorna un 1, si lo que ingresan no son letras...

emprear · #4 (**permalink**) 15/04/2012, 13:46

Te faltan la á, Á, é, è, ñ, Ñ, ü ... y unas cuantas más

Saludos

oscarbt · #5 (**permalink**) 15/04/2012, 14:11

Cita:

Iniciado por emprear

Te faltan la á, Á, é, è, ñ, Ñ, ü ... y unas cuantas más

Saludos

Upssss...si

O mejor aun porque no usar jquery

Código Javascript:

Ver originalfunction valalpha(campo){ 
    $(document).ready(function(){
        $("#"+campo).alpha();
    }); 
}

Código HTML:

Ver original<input type="text" id="idval" onkeypress="valalpha('idval')" onkeyup="valalpha('idval')" />

Necesita la libreria y jquery.alphanumeric

emprear · #6 (**permalink**) 15/04/2012, 14:51

Cita:

Iniciado por oscarbt

Upssss...si

O mejor aun porque no usar jquery

Código Javascript:

Ver originalfunction valalpha(campo){ 
    $(document).ready(function(){
        $("#"+campo).alpha();
    }); 
}

Código HTML:

Ver original<input type="text" id="idval" onkeypress="valalpha('idval')" onkeyup="valalpha('idval')" />

Necesita la libreria y jquery.alphanumeric

Me parece bien que aportes otras posibles soluciones, pero la script que deje anteriormente soluciona el problema en forma global y no necesita de librerías adicionales

Saludos

IsaBelM · #7 (**permalink**) 16/04/2012, 08:08

por pulir un poco el código de emprear

Cita:

<!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 exp_reg = /^[a-z\u00C0-\u00ff]+$/i; // expresión regular para letras(máy o minus), acentuadas o no,
mensaje.innerHTML = exp_reg.test(idcampo) == true ? "Correcto" : "Incorrecto";
}
</script>

</head>
<body>
<form action="#">
<div>
<label for="nombre">Nombre</label>
<input type="text" onkeyup="validar(this.value, this.nextElementSibling);" />
<span id="mensaje_nombre"></span>
<br />
<label for="apellido">Apellido</label>
<input type="text" onkeyup="validar(this.value, this.nextElementSibling);" />
<span id="mensaje_apellido"></span>
</div>
</form>
</body>
</html>

emprear · #8 (**permalink**) 16/04/2012, 09:02

Correcta observación @isaBelM, bueno lo del this.value,nextElementSibling. En cuanto al operador ternario en determinados posts lo evito para hacer más claro el funcionamiento.
Si bien @garcia1808 ha respondido aun, agregaría una modificación extra, ya que si los valores a usar fuesen efectivamente nombre y apellido, existe siempre la posibilidad de que estos sean compuetos, por lo que requeriría de espacios en blanco, de ahi que nuestra validación de la cadena debería ser

Código Javascript:

Ver original// agregamos \s par permitir espacios
var exp_reg = /^[a-z\s\u00C0-\u00ff]+$/i; 
// hacemos un trim para evitar que sean solo espacios en blanco
idcampo =  idcampo.replace(/^\s+/g,'').replace(/\s+$/g,'');

la script final

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 exp_reg = /^[a-z\s\u00C0-\u00ff]+$/i; // expresión regular para letras(máy o minus), acentuadas o no,
idcampo =  idcampo.replace(/^\s+/g,'').replace(/\s+$/g,'');// removemos espacios vacioas al inicio y final
mensaje.innerHTML = exp_reg.test(idcampo) == true ? "Correcto" : "Incorrecto";
}
</script>
</head>
<body>
<form action="#">
<div>
<label for="nombre">Nombre</label>
<input type="text" onkeyup="validar(this.value, this.nextElementSibling);" />
<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.value, this.nextElementSibling);" />
<span id="mensaje_apellido"><!-- aqui el mensaje a medida que se introducen caracteres --></span>
</div>
</form>
</body>
</html>

Saludos

IsaBelM · #9 (**permalink**) 16/04/2012, 14:44

en realidad para hacer el trim, validar espacio entre palabras y como máximo dos palabras, no es necesario usar replace(), se puede usar el cuantificador (?). vendría a ser algo así

Cita:

/^(([a-z\u00C0-\u00ff]+)((\s)([a-z\u00C0-\u00ff]+))?)$/