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>