Ver Mensaje Individual
  #2 (permalink)  
Antiguo 09/01/2009, 09:15
shandercage
 
Fecha de Ingreso: enero-2009
Mensajes: 10
Antigüedad: 16 años
Puntos: 1
Respuesta: Problema con validación de un formulario Html mediante Javascript

@Letni.
Hola Letni, he copiado y pegado el código javascript y html y he corregido los fallos gramaticales que había.

validar.js
Código:
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
     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;
      }
}
formulario.html
Código HTML:
<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>