Hacer que un formulario se envie o no dependiento de una condicion

[saymon]

Hola amigos,

Una ayudita con esto please. Yo tengo un formulario en donde quiero validar primero por javascript una info que el usuario esxribe para ver si coincide, si con icide procedo a procesar el formulario, si no coincide entonces mando un alert solamente.

El problema que tengo con el codigo abajo es que, cuando no coincide lo escrito con el hidden input me manda el alert, pero el formulario lo manda a procesar tambien, osea yo quiero que cuando no coincide $randomnumberhide y $randomnumberwritten entonces solamente se mande el alert y que la pagina se quede alli mismo, en el formulacion y no e lo mande hacia process.php

Gracias de antemano

Código Javascript:

function captcha($randomnumberhide, $randomnumberwritten){
   if($randomnumberhide == $randomnumberwritten){
        document.form1.submit() 
   } else  {   
        alert("Should write the validation numbers correctly.");
        document.form1.Submit.disabled=true;  
   }
 
}
 

Código HTML:

<form action="process.php" method='POST' name="form1">
 
// aqui tengo mas inputs
 
<input type="submit" value="Register" onclick="captcha(document.form1.randomnumberhide.value, document.form1.randomnumberwritten.value)">
</form>
 

[_cronos2]

Código Javascript:

function captcha($randomnumberhide, $randomnumberwritten){
 if($randomnumberhide == $randomnumberwritten){
  document.form1.submit() 
 }else{   
   alert("Should write the validation numbers correctly.");
   document.form1.Submit.disabled=true;  
   return false;
 }
}
 

Código HTML:

<form action="process.php" method='POST' name="form1" onsubmit='return captcha();'>
 
<!---aqui tengo mas inputs--->
 
<input type="submit" value="Register" onclick="captcha(document.form1.randomnumberhide.value, document.form1.randomnumberwritten.value)">
</form>
 

Saludos (:

[caricatos]

Hola:

Tienes que hacer que esa función captcha devuelva false cuando no quieras que se envíe, un boitón submit sin ná, y el tag form de esta manera:

<form onsubmit="return captcha(...)"...

De esa manera, si al evento se le envía el valor false, se cancela.

Saludos

[saymon]

Lo coloqué como me puso cronos, pero me manda un error en esta linea:

Código Javascript:

document.form1.Submit.disabled=true;
 

y me sigue procesadondo el formulario

[saymon]

aqui copio el error que me mada:

Detalles de error de página web


Mensaje: 'document.form1.Submit' es nulo o no es un objeto
Línea: 86
Carácter: 3
Código: 0

[caricatos]

Hola:

¿Has hecho más pruebas...?

Saludos

[_cronos2]

Perdona, esta tarde te puse el código y después vi que estaba mal pero me tenía que ir y no me dio tiempo a editar. Mira a ver ahora.

Código Javascript:

function captcha($randomnumberhide, $randomnumberwritten){
 if($randomnumberhide != $randomnumberwritten){
  alert("Should write the validation numbers correctly.");
  document.form1.Submit.disabled=true;  
  return false;
 }else{   
  return true;
 }
}
 

Código HTML:

<form action="process.php" method='POST' name="form1" onsubmit='return captcha(document.form1.randomnumberhide.value, document.form1.randomnumberwritten.value);'> 
<!---aqui tengo mas inputs--->
<input type="submit" value="Register" />
</form>
 

Saludos (:

PD: Si analizas el código, es anacrónico; creo que deberías buscar otra manera de hacerlo.

[saymon]

gracias por la respuesta, como estaba anterior estaba bien, solamente que tuve que cambiar el
<input type="submit" value="Register" /> por <input type="button" value="Register" />
al hacer eso ya me funcionó bien el script, gracias nuevamente por la ayuda

[saymon]

De que manera es anacrónico ? el script en si busca que el cliente introduzca un numero (que genero aleatoriamente) en una caja de texto, y asi compararla con un input hidden que le doy el valor de este numero, el JS es conque verifico que estos dos inputs coincidan.

[caricatos]

Hola:

¿Te has parado a leer mis respuestas?... al menos la primera

Si no usas un botón submit, siempre dependerás de javascript, y las validaciones javascript suelen ser de "importancia" secundaria. Además, tal como pones que has resuelto el tema, lo resuelves de "casualidad", porque tu else debe provocar error...

Te recomiendo que intentes aprender, sobre todo la parte teórica, y no volverás a tener problemas de esta índole.

Saludos

[_cronos2]

Con anacrónico me refiero a que lo que tú necesitas es que el botón se bloquee si no cumnple una condición, pero esa condición se está evaluando mientras el formulario se envía (o está a punto de enviarse), por tanto ya pulsaste el botón. El formulario evidentemente no se envía si devuelve false, pero el botón se desahabilita o no después de que el formulario se envíe o no. Además si resulta que no son iguales y se deshabilita el botón, el formulario no se envía, pero ese botón está deshabilitado para siempre porque no le estás diciendo que vuelva a habilitarse.
Saludos (: