[SOLUCIONADO] Poner función: el nombre no contiene números

Aniston · #1 (**permalink**) 01/05/2013, 12:25

Buenas,

Estoy haciendo un formulario y hay un punto con el que llevo ya horas y no consigo encontrar la solución, por eso escribo, a ver si alguien puede ayudarme.

Cuando alguien ponga datos en el campo Nombre, pueden salir dos errores:

- La longitud del nombre es mayor de cinco caracteres.
- El nombre no contiene números.

El problema es que solo me aparece el error de La longitud del nombre es mayor de cinco caracteres.

Si en el campo nombre pongo por ejemplo: 21, me lo da como correcto, en cambio si pongo 21212, me sale el siguiente mensaje: El nombre no contiene números. Yo lo que quiero es que me salga ese error aunque solo se ponga un número.

No sé si me explico. Aquí dejo el código entero.

Código Javascript:

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>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Validar formulario</title>
 
 <script type="text/javascript">
function validar()
{
 if (document.formulario.nombre.value.length==0)
                 {
                    alert("No ha introducido nombre.");
                    document.formulario.nombre.focus();
                    return;
                 }
 if (document.formulario.nombre.value.length<5)
                 {
                    alert("La longitud del nombre es mayor de cinco caracteres.");
                    document.formulario.nombre.focus();
                    return;
                 }
Nombre=document.formulario.nombre.value;
            if (Nombre.length==0 || !isNaN(Nombre))
            {
                    alert("El nombre no contiene números.");
                    document.formulario.nombre.focus();
                    return;
                 }
Edad=document.formulario.edad.value;
             if ( Edad.length==0 || isNaN(Edad))
            {   alert("La edad solo contiene números");
                document.formulario.edad.focus();
                return;
            }
Edad=document.formulario.edad.value;    
     if (Edad<18 || Edad>99)
            {   alert("El valor de la edad está comprendido entre los valores 18 y 99.");
                document.formulario.edad.focus();
                return;
            }
    correo=document.formulario.email;   
    if (correo.value.length==0 || correo.value.indexOf('@') == -1)
         {
          alert("La dirección de correo incluye una arroba y su longitud es superior a siete caracteres");
          document.formulario.email.focus();
          return;
         }
    cpostal=document.formulario.cp.value;
        if (isNaN(cpostal) || (cpostal.length>5) || (cpostal.length<5))
                    {
                    alert("El código postal tiene 5 dígitos");
                    document.formulario.cp.focus();
                    return;
                    } 
    Telefono=document.formulario.teléfono.value;
        if (isNaN(Telefono) || (Telefono.length>9) || (Telefono.length<9))
                    {
                    alert("El teléfono son 9 digitos");
                    document.formulario.telefono.focus();
                    return;
                    } 
 
 
 
 if (document.formulario.nif.value.length==0)
                {
                alert("Escriba su DNI");
                document.formulario.nif.focus();
                return;
                }   
      if (document.formulario.nif.value.length<8)
      {
       alert("El DNI son 8 dígitos númericos y una letra");
       document.formulario.nif.focus();
       return;
      } 
{
    abc=document.formulario.nif.value
    dni=abc.substring(0,abc.length-1)
    let=abc.charAt(abc.length-1)
    
    if (!isNaN(let))
     {
      alert('Falta la letra')
      document.formulario.nif.focus()
      return;
     }
    else
     {
      cadena="TRWAGMYFPDXBNJZSQVHLCKET"
      posicion = dni % 23
      letra = cadena.substring(posicion,posicion+1)
      if (letra!=let.toUpperCase())
       {
        alert("Nif no válido, introduce un dni correcto")
        document.formulario.nif.focus()
        return;
       }
     }          
    }       
 
 
                    
}
 
 
</script>
</head>
 
<body>
 <h2><font color="#054BBB">Introduzca sus datos personales:</font></h2>
        
        <form name="formulario">
          <table border="0" width="350" cellspacing="3">
            <tr>
              <td width="50%" bgcolor="#FFF3D6" align="right">Nombre</td>
              <td width="50%" bgcolor="#FFDC88">
              <input type="text" name="nombre" size="20"></td>
            </tr>
            <tr>
              <td width="50%" bgcolor="#FFF3D6" align="right">Edad (18-99)</td>
              <td width="50%" bgcolor="#FFDC88">
              <input type="text" name="edad" size="2" maxlength="2"></td>
            </tr>
            <tr>
              <td width="50%" bgcolor="#FFF3D6" align="right">Dirección de correo</td>
              <td width="50%" bgcolor="#FFDC88">
              <input type="text" name="email" size="20"></td>
            </tr>
            <tr>
              <td width="50%" bgcolor="#FFF3D6" align="right">Código postal</td>
              <td width="50%" bgcolor="#FFDC88">
              <input type="text" name="cp" size="5"></td>
            </tr>
            <tr>
              <td width="50%" bgcolor="#FFF3D6" align="right">Teléfono</td>
              <td width="50%" bgcolor="#FFDC88">
              <input type="text" name="teléfono" size="9" maxlength="9"></td>
            </tr>
            <tr>
              <td width="50%" bgcolor="#FFF3D6" align="right">DNI</td>
              <td width="50%" bgcolor="#FFDC88">
              <input type="text" name="nif" size="9"></td>
            </tr>
          </table>
          <p><input type="Button" value="Validar datos" name="enviar" onclick="validar()"></p>
        </form>
</body>
</html>

alexg88 · #2 (**permalink**) 01/05/2013, 14:08

Buenas,

Para verificar que la cadena no contenga números no puedes usar la función isNaN (está sólo devuelve si una cadena es un número o no).

Puedes usar la siguiente expresión regular:

Código Javascript:

Ver originalif (/\d+/.test("123a3"))
{
    alert("No debe contener números");    
}

Aniston · #3 (**permalink**) 01/05/2013, 14:24

Hola!

Gracias por contestar tan rápido!

He modificado lo que me has dicho, lo he dejado así:

Código Javascript:

Ver originalNombre=document.formulario.nombre.value;
            if (/\d+/.test("123a3"))
                {
                    alert("El nombre no contiene números.");    
                }

Pero me sigue saliendo el mismo error. Si escribo por ejemplo 12, me sale el cuadro de error que dice: La longitud del nombre es mayor de cinco caracteres.

alexg88 · #4 (**permalink**) 01/05/2013, 15:31

La condición de la longitud está mal.

Sería:

Código Javascript:

Ver originaldocument.formulario.nombre.value.length<=5

Aniston · #5 (**permalink**) 01/05/2013, 17:26

Sigue sin funcionarme...

Alguna otra idea?

alexg88 · #6 (**permalink**) 01/05/2013, 17:56

La condición sigue mal, eso me pasa por no fijarme bien, pero tienes que mirar las cosas con cuidado.

El problema es que estás indicando con la condición ( < 5 ) que aparezca el mensaje cuando tiene menos de 5 letras cuando es al contrario.

Sería:

Código Javascript:

Ver originalif (document.formulario.nombre.value.length>5)
{
   alert("La longitud del nombre es mayor de cinco caracteres.");
}

Aparte y sin malos rollos, deberías fijarte un poco más en cosas como estas que son relativamente sencillas (lo mío ha sido un lapsus porque tenía prisa, pero las cosas hay que mirarlas varias veces antes de preguntar). No te lo tomas a mal, es un consejo nada más, eh. No tengo ningún problema en contestar aunque sean para cosas así.

Aniston · #7 (**permalink**) 02/05/2013, 02:35

Hola,

Gracias por responder. Lo de "la longitud del nombre es mayor a cinco caracteres" ya lo tenía bien, ya que lo que quiero es que salga el mensaje de error si pone menos de 5 letras, pero gracias igualmente.

El problema del post es que este error no me aparece:

Código Javascript:

Ver originalNombre=document.formulario.nombre.value;
            if (Nombre.length==0 || !isNaN(Nombre))
            {
                    alert("El nombre no contiene números.");
                    document.formulario.nombre.focus();
                    return;

Lo he cambiado por el que me dijiste:

Código Javascript:

Ver originalNombre=document.formulario.nombre.value;
            if (/\d+/.test("123a3"))
                {
                    alert("El nombre no contiene números.");    
                }

Y ahora si que me funciona, si pongo por ejemplo: Laura3, me sale el error de que el nombre no contiene números. Le añadí un return; al final porque ya no me cogía ningún error más, y ahora lo que hace es que me sale el error de: El nombre no contiene números, le doy a aceptar y me pasa directamente al error de La edad solo contiene números, habiendo puesto números.

emprear · #8 (**permalink**) 02/05/2013, 08:34

Todo muy confuso, si el nombre NO debe de contener números, porque el mensaje de error es

Cita:

El nombre no contiene números.

Si se ingresa un número y eso es un error

Error: el nombre no puede contener números !
o
Error: el nombre contiene números !

Luego la validación debe ser llamada de esta forma

Código:

<script>
function validar(){
var valor = document.getElementById('usuario').value;

if(valor contiene numeros){
// mensaje de error
return false;
}

if(valor supera caracteres máximos){
// mensaje de error
return false;
}


}

</script>
<form action="algo.php"onsubmit="return validar();">
<input type="text" id="nombre" ...>
<input type="submit" />
</form>

Saludos

Aniston · #9 (**permalink**) 02/05/2013, 10:12

Ya está solucionado, muchas gracias!