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>


