Problema con validación javascript

bbv81 · #1 (**permalink**) 07/06/2011, 10:23

Hola gente :), buenas tardes!

Tengo un pequeño problema con la validación de un formulario, he hecho varios iguales y me funcionan pero este me va a medias.

Me sale la alerta de que me falta por completar un campo, pero aún asi ejecuta el "action" del formulario, cuando no tenía que hacerlo hasta que rellenase el campo del formulario requerido.

Os adjunto el código para ver si podeis ayudarme a encontrar el problema, gracias de antemano.

Función Javascript:

Cita:

Código HTML

Cita:

<form id="registro" name="registro" method="post" action="regagentes.php">
<br />
<br />
<center>
<table border="0" width="75%" align="center">

<tr>

<td bgcolor="#e40000"><font color="#ffffff" face="arial" size="1">  <b><u>N</u>IF:</b>  </font></td>

<td> <input tabindex="1" type="text" name="nif" size="32" maxlength="16" /></td>

</tr>

<tr>

<td bgcolor="#e40000"><font color="#ffffff" face="arial" size="1">  <b><u>N</u>ombre:</b>  </font></td>

<td> <input type="text" tabindex="2" name="nombre" size="32" maxlength="26" /></td>

</tr>
<tr>

<td><input type="submit" name="submit" value="Enviar" onclick="valida()" /></td>

<td><input type="reset" name="reset" value="Reset" /></td>

</tr>

</table>
</form>

Naahuel · #2 (**permalink**) 07/06/2011, 11:01

Probá quitando el "onclick" del input para submit y asignalo de esta forma:

Código HTML:

Ver original<form onsubmit="return valida();">

El return es muy importante, pues si la función valida() devuelve 0 o false entonces el formulario no se envía.

bbv81 · #3 (**permalink**) 08/06/2011, 01:49

Gracias por contestar ;), la verdad que he probado y me sigue haciendo lo mismo, y estoy flipando, porque tengo usado otras veces está funcion y me funcionaba bien...

bbv81 · #4 (**permalink**) 08/06/2011, 02:26

Cita:

<html>
<head>
<script>

function valida_envia(){

//valido el nombre
if (document.registro2.nif.value.length==0){
alert("Tiene que escribir su nif");
document.registro2.nif.focus();
return 0;
}

//valido el nombre
if (document.registro2.nombre.value.length==0){
alert("Tiene que escribir su nombre");
document.registro2.nombre.focus();
return 0;
}

//el formulario se envia
alert("Muchas gracias por enviar el formulario");
document.registro2.action="procesamiento.php";
document.registro2.submit();
}
</script>
</head>
</body>

<form id="registro" name="registro2" method="post" action="javascript:validar();">
<br />
<br />
<center>
<table border="0" width="75%" align="center">

<tr>

<td bgcolor="#e40000"><font color="#ffffff" face="arial" size="1">  <b><u>N</u>IF:</b>  </font></td>

<td> <input tabindex="1" type="text" name="nif" size="32" maxlength="16" /></td>

</tr>

<tr>

<td bgcolor="#e40000"><font color="#ffffff" face="arial" size="1">  <b><u>N</u>ombre:</b>  </font></td>

<td> <input type="text" tabindex="2" name="nombre" size="32" maxlength="26" /></td>

</tr>
<tr>

<td><input type="submit" name="submit" value="Enviar" onclick="valida_envia()" /></td>

<td><input type="reset" name="reset" value="Reset" /></td>

</tr>

</table>
</form>

</body>
</html>

bbv81 · #5 (**permalink**) 08/06/2011, 02:31

El código de antes es la solución, el código primero que puse tenía que funcionar bien, de hecho tengo ejemplos de formularios de contacto, que procesan en el campo action un php y funcionan sin problemas, pero en este caso no me iba, entonces he recurrido a sacar el php del action e incorporarlo al javascript. Salu2.

bbv81 · #6 (**permalink**) 08/06/2011, 02:53

Cita:

Iniciado por bbv81

El código de antes es la solución, el código primero que puse tenía que funcionar bien, de hecho tengo ejemplos de formularios de contacto, que procesan en el campo action un php y funcionan sin problemas, pero en este caso no me iba, entonces he recurrido a sacar el php del action e incorporarlo al javascript. Salu2.

Lo que me inquieta es que funciona y el motivo de que funcione es porque en el campo del formulario action llama a una funcion de javascript que no existe.... quien lo entienda que me lo explique....