Son dos jquery, 1.8.2 para el captcha arrastrable y el 1.9.1 para el "validtr" que es un validador cross-browser
Código:
El sitio es http://www.con4biz.com/manuel/contacto2.php <?php session_start(); $_SESSION['nombre2']=$_REQUEST['nombre']; $_SESSION['apel2']=$_REQUEST['apel']; $_SESSION['email2']=$_REQUEST['email']; $_SESSION['telefono2']=$_REQUEST['telefono']; ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//ES" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"><head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <link href="compras/media/style.css" rel="stylesheet" type="text/css"> <title>iGenius | Contacto</title> <style> .pkt_added { text-decoration: none !important; } </style> <link rel="stylesheet" media="screen" href="compras/styleValidate.css" > <link rel="stylesheet" type="text/css" href="compras/jquery/QapTcha.jquery.css" media="screen" /> <script type="text/javascript" src="compras/jquery/jquery.js"></script> <script type="text/javascript" src="compras/jquery/jquery-ui.js"></script> <script type="text/javascript" src="compras/jquery/jquery.ui.touch.js"></script> <script type="text/javascript" src="compras/jquery/QapTcha.jquery.js"></script> <script type="text/javascript" src="compras/js/validtr.js"></script> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> <script type="text/javascript"> var $jq = jQuery.noConflict(); jQuery(function (jq) { jq('form').validatr(); }); </script> </head> <body class=" PKT_ENABLED"> <div id="contenido"> <form class="contact_form" method="post" action="compras/send-contact.php" name="contact_form" id="contact_form" accept-charset="UTF-8"> <table cellpadding="0" cellspacing="0" align="center"> <tbody> <tr> <td colspan="3">Por favor llene todos los campos en el siguiente formulario.<br> <br></td> </tr> <tr> <td height="30" width="50"><div align="right">Nombre</div></td> <td width="24"><div align="center"><img src="compras/images/spacer24.gif" name="img1"></div></td> <td width="402"><input type="text" name="nombre" id="nombre" style="width:300px" required pattern="[a-z áéíóúñ ÁÉÍÓÚÑ A-Z]{3,40}" data-message="Por favor escriba su nombre"> <span class="form_hint">Mínimo 3 letras, no se permiten caracteres especiales</span></td> </tr> <tr> <td height="30" width="50"><div align="right">Apellidos</div></td> <td width="24"><div align="center"><img src="compras/images/spacer24.gif" name="img1"></div></td> <td><input type="text" name="apel" id="apel" style="width:300px" required pattern="[a-z áéíóúñ ÁÉÍÓÚÑ A-Z]{3,40}" data-message="Por favor escriba sus apellidos"> <span class="form_hint">Mínimo 3 letras, no se permiten caracteres especiales</span></td> </tr> <tr> <td height="30" width="50"><div align="right">E-m@il</div></td> <td><div align="center"><img src="compras/images/spacer24.gif" name="img2"></div></td> <td><input type="text" name="email" id="email" style="width:300px" required pattern="[A-Za-z0-9._%+-]+@[A-Za-z0-9.-]+\.[A-Za-z]{2,4}" data-message="Por favor bríndenos un correo valido"> <span class="form_hint">Formato "[email protected]"</span></td> </tr> <tr> <td height="30" width="50"><div align="right">Télefono</div></td> <td><div align="center"><img src="compras/images/spacer24.gif" name="img3"></div></td> <td><input type="text" name="telefono" id="telefono" style="width:70px" required pattern="[0-9._%+-]{8,9}" data-message="Por favor brindenos un número de teléfono"> <span class="form_hint">Formato "8888-8888"</span></td> </tr> <tr> <td height="30" width="80"><div align="right">Mensaje</div></td> <td><div align="center"><img src="compras/images/spacer24.gif" name="img4"></div></td> <td rowspan="2" colspan="2"><table cellpadding="0" cellspacing="0" border="0"> <tbody> <tr> <td height="5"></td> </tr> <tr> <td><textarea name="memo" id="memo" rows="8" wrap="hard" style="width:300px; height:70px" required pattern="{8}" data-message="Por favor escriba su mensaje para iGenius"></textarea></td> </tr> </tbody> </table></td> </tr> <tr> <td height="74"></td> </tr> <tr> <td height="36"></td> <td><div align="center"><img src="compras/images/spacer24.gif" name="img5"></div></td> <td><div class="QapTcha" style="margin-right:20px"></div> <div style="margin-top:19px; align-content:center"><img src="compras/images/spacer24.gif" name="img5"></div> <input class="submitButton" type="submit" name="formsubmit" id="formsubmit" value="Enviar" style="width:100px; height:39px;"></td> </tr> </tbody> </table> </form> <script type="text/javascript"> $(document).ready(function(){ $('.QapTcha').QapTcha({disabledSubmit:true,autoRevert:true,autoSubmit:false}); }); </script> </div> </body> </html>