Validar campos(no me valida la edad)

rpichinu · #1 (**permalink**) 16/05/2012, 21:48

Que tal amigos:

tengo un código...lo e probado pero no me valida la edad, creo que el error esta en la función validar entero(para edad), a pesar de ingresar una edad valida...me muestra el mensade de ingresar edad valida.

Código HTML:

Ver original<html>
<head>
      <script type="text/javascript">
function valida_envia(){ 
      //valido el nombre 
      if (document.fvalida.nombre.value.length==0){ 
             alert("Tiene que escribir su nombre") 
             document.fvalida.nombre.focus() 
             return 0; 
      } 
 
      //valido la edad. tiene que ser entero mayor que 18 
      edad = document.fvalida.edad.value 
      edad = validarEntero(edad); 
      document.fvalida.edad.value=edad ;
      if (edad==){ 
             alert("Tiene que introducir un número entero en su edad.") ;
             document.fvalida.edad.focus() 
             return 0; 
      }else{ 
             if (edad<18){ 
             alert("Debe ser mayor de 18 años.") 
             document.fvalida.edad.focus() 
             return 0; 
             } 
      } 
 
      //valido el interés 
      if (document.fvalida.interes.selectedIndex==0){ 
             alert("Debe seleccionar un motivo de su contacto.") 
             document.fvalida.interes.focus() 
             return 0; 
      } 
 
      //el formulario se envia 
      alert("Muchas gracias por enviar el formulario"); 
      document.fvalida.submit(); 
 
      function validarEntero(valor)
      { 
      //intento convertir a entero. 
     //si era un entero no le afecta, si no lo era lo intenta convertir 
      var valor = parseInt(valor) 
 
      //Compruebo si es un valor numérico 
      if (isNaN(valor)) { 
             //entonces (no es numero) devuelvo el valor cadena vacia 
             return “;
      }else{ 
             //En caso contrario (Si era un número) devuelvo el valor 
             return valor ;
      } 
      }
} 
</script>
 
</head>
 
 
<body>
<form name="fvalida"> 
<table> 
<tr> 
      <td>Nombre: </td> 
      <td><input type="text" name="nombre" size="30" maxlength="100"></td> 
</tr> 
<tr> 
      <td>Edad: </td> 
      <td><input type="text" name="edad" size="3" maxlength="2"></td> 
</tr> 
<tr> 
      <td>Interés:</td> 
      <td> 
      <select name=interes> 
      <option value="Elegir">Elegir 
      <option value="Comercial">Contacto comercial 
      <option value="Clientes">Atención al cliente 
      <option value="Proveedores">Contacto de proveedores 
      </select> 
      </td> 
</tr> 
<tr> 
      <td colspan="2" align="center"><input type="button" value="Enviar" onclick="valida_envia()"></td> 
</tr> 
</table> 
</form>
 
</body>

emprear · #2 (**permalink**) 16/05/2012, 23:33

En primer lugar tenes algunos errores en la script
En la linea 16 haces una comparación pero te falta el 2º elemento
if (edad==){
además esa comparación no tiene mayor sentido, ya que con la función validaEntero() ya tenés resuelto eso
En la linea 48, tenes una comilla invertida extraña.
Ahora, te simplifico la función para chequear que es un numero

Código Javascript:

Ver originalfunction validarEntero(input){
return !isNaN(input)&&parseInt(input)==input;
}

El código completo quedaría asi

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>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>iiiii</title>
<script type="text/javascript">
//<![CDATA[
function valida_envia(){ 
      //valido el nombre 
      if (document.fvalida.nombre.value.length==0){ 
             alert("Tiene que escribir su nombre") 
             document.fvalida.nombre.focus() 
             return 0; 
      } 
 
      //valido la edad. tiene que ser entero mayor que 18 
 
var edad = document.fvalida.edad.value   
if(validarEntero(edad)){
 
if(edad < 18){
alert("Debe ser mayor de 18 años.") ;
document.fvalida.edad.focus();
return false;
}
 
} else{
alert("Debe ingresar un número");
document.fvalida.edad.focus();
return false;
}
 
      //valido el interés 
      if (document.fvalida.interes.selectedIndex==0){ 
             alert("Debe seleccionar un motivo de su contacto.") 
             document.fvalida.interes.focus() 
             return 0; 
      } 
 
      //el formulario se envia 
      alert("Muchas gracias por enviar el formulario"); 
      document.fvalida.submit(); 
 }
 
 
function validarEntero(input){
return !isNaN(input)&&parseInt(input)==input;
}
//]]>
</script>
 
</head>
<body>
<form name="fvalida" id="fvalida">
<table>
<tr>
<td>Nombre:</td>
<td><input type="text" name="nombre" size="30" maxlength="100" /></td>
</tr>
 
<tr>
<td>Edad:</td>
<td><input type="text" name="edad" size="3" maxlength="2" /></td>
</tr>
<tr>
<td>Interés:</td>
<td><select name="interes">
<option value="Elegir">Elegir</option>
<option value="Comercial">Contacto comercial</option>
<option value="Clientes">Atención al cliente</option>
<option value="Proveedores">Contacto de proveedores</option>
 
</select></td>
</tr>
<tr>
<td colspan="2" align="center"><input type="button" value="Enviar" onclick="valida_envia()" /></td>
</tr>
</table>
</form>
</body>
</html>

Saludos

rpichinu · #3 (**permalink**) 17/05/2012, 00:14

Gracias por responder:

Me funciona perfecto:

pero me caben dudas respecto de esto:

Código HTML:

Ver originalfunction validarEntero(input){
return !isNaN(input)&&parseInt(input)==input;
}

la función tiene como parametro un input?....
Y que retorna?..ya que dice !isNaN ...y eso evalúa si es un entero o no.

gracias!

emprear · #4 (**permalink**) 17/05/2012, 01:15

Cita:

Iniciado por rpichinu

Gracias por responder:

Me funciona perfecto:

pero me caben dudas respecto de esto:

Código HTML:

Ver originalfunction validarEntero(input){
return !isNaN(input)&&parseInt(input)==input;
}

la función tiene como parametro un input?....
Y que retorna?..ya que dice !isNaN ...y eso evalúa si es un entero o no.

gracias!

input es tan solo el nombre de la variable(podría llamarse de otra forma), lo que sucede es que esa función es específica para verificar que el valor de un campo (input) de un form es un numero entero
Saludos