Si estamos trabajando en un desarrollo propio y queremos hacer nuestra propia implementación de un Captcha, en thatagency.com presentaron un tutorial en el que utilizan: un formulario, jQuery y PHP para crear uno.
Implementación
Primero necesitamos enlazar en la seccion HEAD el HTML de la página los archivo JS que vamos a utilizar. En este caso se trata de la biblioteca jQuery y el del plugin jQuery Validate utilizado para validar formularios.
<script type="text/javascript" src="http://jqueryjs.googlecode.com/files/jquery-1.3.2.min.js"></script> <script type="text/javascript" src="jquery.validate.min.js"></script>
El código Javascript es el siguiente:
<script type="text/javascript">
$.validator.methods.equal = function(value, element, param) {
return value == param;
};
$(document).ready(function(){
$("#yourform").validate({
rules: {
lastName: "required",
math: {
equal: <?php echo $randomNumTotal; ?>
}
},
messages: {
lastName: "*",
math: "*"
}
});
});
</script>
La porción de código PHP que escribe el valor de una variable randomNumTotal que se genera con el siguiente código PHP:
<?php $randomNum = rand(0,9); $randomNum2 = rand(0,9); $randomNumTotal = $randomNum + $randomNum2; ?>
Este genera aleatoriamente dos números, los almacena en variables y luego los suma para así obtener el número aleatorio que usaremos.
Por último sólo nos queda definir el código CSS para los estilos y código HTML para el formulario.
jQuery validate plugin plus PHP equals captcha
Sitio: www.thatagency.com/design-studio-blog/2009/10/jquery-validate-plugin-plus-php-equals-captcha