Buenas dias a todos,
Tengo un problema, tengo que personalizar un boton de submit de formulario y he decidido hacerlo con un href.
Esta formulario quiero validarlo primero y luego enviarlo todo a través del href, el problema es que no me funciona, he estado haciendo pruebas todo el dia y mirando por Internet y no encuentro donde esta el fallo.
Os muestro el código:
Formulario.html:
Código HTML:
<!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></title>
<link href="css/style.css" rel="stylesheet" type="text/css">
<script src="js/validar.js" type="text/javascript"></script>
</head>
<body>
<form name="formreserva" method="post" action="enviar_PR.php">
<table width="576" align="left">
<tr>
<td>
Nombre:(*)
</td>
</tr>
<tr>
<td>
<input name="nom" type="text" id="nom" size="70" maxlength="70" >
</td>
</tr>
<tr>
<td align="left">
<a class="button" href="javascript:return Validar();document.formreserva.submit();" ><span>enviar</span></a>
</td>
</tr>
</table>
</form>
</body>
</html> El archivo javascript validar.js
Código:
//funcion para validar que el campo no este vacio
function vacio(q) {
for ( i = 0; i < q.length; i++ ) {
if ( q.charAt(i) != " " ) {
return true
}
}
return false
}
//funcion que me recoge cada input del formulario
function validacion(formreserva){
if (vacio(formreserva.nom.value) == false){
alert('Rellenar el campo Nombre')
return false
}
return true
}
El caso es que en el punto:
Código:
<a class="button"href="javascript:return Validar();document.formreserva.submit();" >
Ni valida ni envia, luego si pongo:
Código:
<a class="button"href="javascript:document.formreserva.submit();" >
Luego si lo envia, sin validar claro
Código:
<a class="button"href="javascript:return Validar();" >
De esta forma no valida nada
No ser, me podeis hechar un cable ?
Gracias