Crear un Captcha con PHP y jQuery

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="https://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