Enviar form con Captcha Javascript

Toninito · #1 (**permalink**) 30/04/2014, 11:22

Hola

tengo un formulario con un captcha en javascript, consiste en la suma de 2 numeros y poner el resultado en un textbox, lo que quiero es que cuando el usuario ponga el numero correcto y le de submit, valide que este correcto el resultado y envie el formulario a la hoja de agradecimiento (gracias.html) de lo contrario si esta mal la suma que ponga una alerta de que esta incorrecto el numero.

Les anexo el codigo que tengo hasta ahorita

De antemano muchas gracias

Código HTML:

<!DOCTYPE HTML>
<html>
	<head>
        <meta charset="utf-8" />
		<title>Ejemplo Captcha 1</title>
        
		<script type="text/javascript">
// -[INICIO devildrey33.Captcha1]-
var Valor1 = 0;
var Valor2 = 0;

/* Función que genera dos valores aleatorios */
function GenerarCaptcha() {
	Valor1 = 1 + Math.floor(Math.random() * 10);
	Valor2 = 1 + Math.floor(Math.random() * 10);
	document.getElementById("Valor1Captcha").innerHTML = Valor1;
	document.getElementById("Valor2Captcha").innerHTML = Valor2;
	document.getElementById("ResultadoCaptcha").value = "";
}

/* Función que comprueba que el resultado sea la suma de los dos valores generados */
function ValidarCaptcha() {
	if (document.getElementById("ResultadoCaptcha").value == (Valor1 + Valor2)) {
		alert("Captcha validado");
		GenerarCaptcha();
	}
	else {
		alert("El valor introducido no es válido.");
	}
}

/* Función que ejecuta el código del cuadro de texto ConsolaJavaScript */
function ConsolaJavaScript() {
	eval(document.getElementById("ConsolaJavaScript").value);
}
// -[FIN devildrey33.Captcha1]-
		</script>
        
	</head>
	<body onLoad="GenerarCaptcha()">
    	<h1>&nbsp;</h1>
<form action="javascript:ValidarCaptcha();gracias.html">
            <p>
  </span></span></p>
            <table width="692" border="0">
              <tr>
                <td width="686">Nombre: 
                  <input type="text" name="textfield" id="textfield"></td>
              </tr>
              <tr>
                <td>Telefono
                  <input type="text" name="textfield2" id="textfield2"></td>
              </tr>
              <tr>
                <td><span><span id='Valor1Captcha'>0</span> + <span id='Valor2Captcha'>0</span> = </span>
              <input type='text' name='Resultado' id='ResultadoCaptcha' value='' title='Introduce el resultado de la suma' />
                <span></td>
              </tr>
              <tr>
                <td><input type="submit" name="button" id="button" value="Submit" ></td>
              </tr>
            </table>
            <p>&nbsp;</p>
            <p>&nbsp;</p>
            <p><span><span><br>
  </span> </p>
            <p><br>
                <br>
                                                </p>
</form>
    
    	<p>&nbsp;</p>
</body>
</html>