Ver Mensaje Individual
  #1 (permalink)  
Antiguo 15/08/2010, 15:43
mipavluk
 
Fecha de Ingreso: septiembre-2007
Mensajes: 41
Antigüedad: 17 años, 4 meses
Puntos: 0
problema con validación de formulario

Hola a todos! Es la primera vez que hago un formulario que valide los campos antes de enviar... he seguido otros posts del foro... pero tengo un error y no logro solucionarlo. El script valida, sale el pop up indicando que falta completar un campo, pero luego el formulario es enviado igual, a pesar del error. Me ayudan? gracias desde ya...

Este es mi script:

Código:
<script>
function valida_envia(){ 
    //valido el nombre 
    if (document.fvalida.nombre.value.length==0){ 
       alert("Tiene que escribir su nombre") 
       document.fvalida.nombre.focus() 
       return false; 
    } 

        //valido el mail 
    if (document.fvalida.email.value.length==0){ 
       alert("Tiene que escribir su e-mail") 
       document.fvalida.nombre.focus() 
       return false; 
    } 

    //valido el telefono 
    if (document.fvalida.telefono.selectedIndex==0){ 
       alert("Tiene que escribir su telefono.") 
       document.fvalida.interes.focus() 
       return false; 
    } 

    //valido el celular 
    if (document.fvalida.celular.selectedIndex==0){ 
       alert("Tiene que escribir su celular.") 
       document.fvalida.interes.focus() 
       return false; 
    } 

    //valido el mensaje 
    if (document.fvalida.mensaje.selectedIndex==0){ 
       alert("Tiene que escribir su mensaje.") 
       document.fvalida.interes.focus() 
       return false; 
    } 

    //el formulario se envia 
    alert("Muchas gracias por enviar el formulario"); 
    document.fvalida.submit(); 
} 
</script>
y este es mi formulario:

Código:
<form id="fvalida" name="fvalida" method="post" action="enviar.php" onSubmit="javascript:return validar();">
                  <label>
                  <p align="center"><span class="style2">Nombre:</span>
                    <input name="nombre" type="text" id="nombre" size="64" />
                  </p>
                  <p align="center" class="style2">
                    <label>E-Mail:
                    <input name="email" type="text" id="email" size="66" />
                    </label>
                  </p>
                  <p align="center" class="style2">
                    <label>Teléfono Fijo:
                    <input name="telefono" type="text" id="telefono" size="58" />
                    </label>
                  </p>
                  <p align="center" class="style2">
                    <label>Celular:
                    <input name="celular" type="text" id="celular" size="65" />
                    </label>
                  </p>
                  <p align="center" class="style2">
                    <label>Mensaje:
                    <textarea name="mensaje" id="mensaje" cols="60" rows="8"></textarea>
                    </label>
                  </p>
                  <p align="center" class="style2">
                    <label>
                    <input type="submit" name="enviar" id="enviar" value="Enviar" onclick="valida_envia()"/>
                    </label>
                  </p>
                </form>