Validar checkbox antes de enviar

Gothgauss · #1 (**permalink**) 22/11/2009, 05:00

Hola

Tengo el tipico formulario con un checkbox en elque hay que aceptar los terminos y condiciones. Tengo el siguietne codigo

Código HTML:

<script language="JavaScript">

function marcado(){
if (document.form.chk.checked) {
document.form.submit(); 
     }
	 else{
	 alert("Debes aceptar los términos y condiciones");
	
       return 0; 
	 }

}
</script>
<form method="post" action="enviar.php" name="form">
<input type="checkbox" name="validar" value="1" />Acepto los terminos 
<input type="submit" value="enviar" onclick="marcado();" />
</form>

Consigo mediante la siguiente funcion que salga un mensaje tipo alert si no se ha pulsado, pero aun asi, me pasa a la pagina enviar.php. Es decir, me sale el mensaje, pero aun asi lo valida.

¿Como hago para que al pulsar el boton submit solo envie la informacion si el checkbox esta seleccionado?

zerokilled · #2 (**permalink**) 22/11/2009, 05:26

leete este articulo que parece que ha ayudado a muchos, http://www.caricatos.net/articulos/formularios.php. personalmente no lo he leido detenidamente pero ademas de contestar a tu duda tambien aclarará otros conceptos acerca de los formularios. si te quedan dudas, vuelve a responder. para darte una pista, la razon es el evento. aqui un tema reciente similar a tu caso, http://www.forosdelweb.com/f13/javas...ampoco-752782/

Gothgauss · #3 (**permalink**) 22/11/2009, 06:30

Gracias por la respuesta, pero sigue sin funcionar. Pongo el codigo modificado:

Código HTML:

<script language="javascript">

function marcado(){
if (document.form.checkbox.checked) {
document.form.submit(); 
     }
	 else{
	 alert("Debes aceptar los términos y condiciones");
	  document.form.ternin.focus();
       return 0; 
	 }

}
</script>
<form method="post" action="ingresar.php" name="form" onclick="marcado();">
<input type="checkbox" name="checkbox" id="checkbox" />Enviar
<input type="submit" value="enviar" />
</form>

y tb he probado cambiando el onclick por onsubmit del form, pero nada :(

zerokilled · #4 (**permalink**) 22/11/2009, 06:33

Código:

<form method="post" action="ingresar.php" name="form" onclick="marcado();">

lo marcado en rojo es donde tienes el error. si lees el segundo enlace que te puse, obtendra la respuesta. aparte de cambiarlo a onsubmit, tienes que devolver el valor devuelto por la funcion. es decir,

Código:

return marcado()

y para cancelar el envio, la funcion tiene que devolver false, no 0.

Gothgauss · #5 (**permalink**) 22/11/2009, 06:42

Muchisimas gracias por toda la ayuda prestada. ME has solucionado el rpoblema perfectamente. Pongo el codigo para quien lo vaya anecesitar:

Código HTML:

<script language="javascript">
function marcado(){
if (document.form.termin.checked) {
document.form.submit(); 
     }
	 else{
	 alert("Debes aceptar los términos y condiciones");
	  document.form.termin.focus();
       return false; 
	 }

}
</script>

<form method="post" action="ingresar.php" name="form" onsubmit="return marcado();">

<input type="checkbox" value="1" name="termin" id="termin" />He leído y acepto los términos de uso
<input type="submit" value="enviar">
</form>

Adler · #6 (**permalink**) 22/11/2009, 07:20

Hola

Con permiso zerokilled

Esto te sobra document.form.submit(); ya que estás usando el evento submit

Suerte

Gothgauss · #7 (**permalink**) 06/04/2010, 10:43

Ahora vuelvo a tener el mismo problema. No me funciona le codigo y no se porque.

Si al principio de la pagina, despues del tag body pongo esto:

Código:

<body>
<form method="post" action="validar.php" name="form" onsubmit="return marcado();">
<input type="checkbox" id="validar" />Estoy de acuerdo
<input type="submit" value="enviar" />
</form>
(aqui el resto de la pagina entra)
</body>

funciona perfectamente, en cambio si hago esto:

Código:

<body>
<form method="post" action="validar.php" name="form" onsubmit="return marcado();">
(aquí el resto de pagina dejando el checkbox al final)
<input type="checkbox" id="validar" />Estoy de acuerdo
<input type="submit" value="enviar" />
</form>
</body>

aSI NO VA NI A TIROS. Porque suele ser debido este fallo?

Gracias

Gothgauss · #8 (**permalink**) 06/04/2010, 11:42

Bueno me autorespondo.

El fallo era simple, tan solo habia emtido en la pagina otro form y claro, no puede ir unod entro del otro. Por eso fallaba.

panchompc · #9 (**permalink**) 22/02/2012, 19:58

si usas dreamweaver, utiliza las funciones de Spry :)

Lutaj · #10 (**permalink**) 03/07/2012, 09:16

Gracias por dejarnos el código con la solución. Eso es de gran ayuda para los foreros y demuestra tu buena voluntad y ayuda a los compañeros.
Gracias.