Problema con validacion

cmc · #1 (**permalink**) 17/05/2006, 10:16

Tengo esto

Código HTML:

<script type="text/javascript">
function validar() {
if (document.Contacto.terminos.type=='si') {
document.Contacto.submit();
}else {
alert("Tenes que tildar en terminos y condiciones");
}
}
</script>

y en el formulario tengo los siguinetes campos

Código HTML:

<form name="Contacto" action="form_contactenos.php" method="post" onSubmit="validar()">
<input name="terminos" type="checkbox" id="terminos" value="si">
<input name="Submit"  type="submit" class="boton" value="Enviar">
</form>

El problema es que me aparece el cartel de la alerta pero cuando lo cierro automaticamente se envia el formulario en lugar de volver al form para que el usuariò pueda tildar la opcion.

Que es lo que esta mal?

caricatos · #2 (**permalink**) 17/05/2006, 10:28

Hola:

A simple vista encontré un par de errores:

La consulta debes hacerla al value del elemento:
if (document.Contacto.terminos.value == 'si') {

Y en una validación, se debe devolver un valor lógico (booleano) true/false
además que en el evento debe especificarse return...
onsubmit="return validar()"

Otro pequeño apunte es que para que sea fácil acomodar tu scriprt a otros formularios, puedes pasarlo como parámetro (validar(this)) y en vez de hacer submit() en la validación devolver true (o nada)

Espero que no sean muchas cosas juntas para que las comprendas...

Con tu permiso voy a hacer los retoques:

Código:

<form name="Contacto" action="form_contactenos.php" method="post" onSubmit="return validar(this)">
<input name="terminos" type="checkbox" id="terminos" value="si">
<input name="Submit"  type="submit" class="boton" value="Enviar">
</form>

Y la función:

function validar() {
enviar = document.Contacto.terminos.value =='si';
if (!enviar)
alert("Tenes que tildar en terminos y condiciones");
return enviar;
}

Lo puse a ojo, pero pruébalo y nos cuentas.

Saludos

cmc · #3 (**permalink**) 17/05/2006, 19:26

no se que es lo que pasa pero sigue funcionando exactamente igual, luego de cerrar el alerta se me sispara el formulario solo

JavierB · #4 (**permalink**) 18/05/2006, 02:26

Hola cmc

Pon el formulario como te indicó caricatos (¡Hola!

) y usa este código:

Código PHP:

  function validar() { 
if (!document.Contacto.terminos.checked) { 
  alert("Tenes que tildar en terminos y condiciones"); 
  return false; 
} 
}

Saludos,

cmc · #5 (**permalink**) 19/05/2006, 04:33

algo raro esta pasando porque sigue sin funcionar!!!, pasa directamente sin validar el checkbox
Que puede ser?

caricatos · #6 (**permalink**) 19/05/2006, 04:34

Cita:

Iniciado por cmc

algo raro esta pasando porque sigue sin funcionar!!!, pasa directamente sin validar el checkbox
Que puede ser?

Hola:

¿Puedes poner el código que usas?

Saludos

cmc · #7 (**permalink**) 19/05/2006, 05:06

Estoy usando el que me pasaste vos y el que me paso javierB, con ninguno de los dos funciona, con el tuyo sale el cartel de alerta y cuando le doy ok directamente pasa de pagina, y cuando uso el de el pasa sin cartel de alerta

aldo1982 · #8 (**permalink**) 19/05/2006, 05:44

hola bue yo lo hago asi y me anda muy bien (asi te tendrá ke funcionar si o si ejej

Código:

check = contacto.terminos;
  selected = false // Inicialmente en false
  //Recorremos todos los checkbox buscando que haya alguno marcado
  x=0
  while (!selected && (x <check.length)) {
	if (check[x].checked) {
		selected = true;
	}
	x++;
}
if (!selected) {
   alert("Tenes que tildar en terminos y condiciones");
   return false;
}

caricatos · #9 (**permalink**) 19/05/2006, 08:18

Hola:

Acabo de probar algo que funciona:

Código:

<html>
<head>
<title>1, 2, 3, ¡probando!...</title>
<script>
function validar(f) {
enviar = f.terminos.checked;
if (!enviar)
alert("Tenes que tildar en terminos y condiciones");
return enviar;
}

</script>
</head>
<body>
<form name="Contacto" action="form_contactenos.php" method="post" onSubmit="return validar(this)">
<input name="terminos" type="checkbox" id="terminos" value="si">
<input name="Submit"  type="submit" class="boton" value="Enviar">
</form>
</body>
</html>

Hay muy poca diferencia entre lo que te puse o el arreglillo de JavierB... y también se asemeja al código de aldo1982 (aunque hay un bucle que no creo que venga al caso)

Saludos

cmc · #10 (**permalink**) 20/05/2006, 05:43

Ahora si!!!!!!!, sos un genio,

gracias