IT技术互动交流平台

如何通过jQuery Real Person验证码插件防止表单自动提交

作者:佚名  发布日期:2016-03-07 20:37:24

效果图如下:

使用说明
需要使用jQuery库文件和Real Person库文件
同时需要自定义验证码显示的CSS样式
使用实例
1、包含文件部分
@import "jquery.realperson.css";
2、HTML部分
3、Javascript部分
$("#biuuu").realperson();
如上实例,就可以实现一个防自动提交表单的验证码工具,同时可指定验证码字符的长度,如下:
$("#biuuu").realperson({length: 5});
今天所讲到的jQuery Real Person Plugin,就是一个完全由JavaScript编写而成的jQuery验证码插件。
jQuery插件Real Person 点击可刷新实例讲解
 
 xmlns="http://www.w3.org/1999/xhtml">
 
 http-equiv="Content-Type" content="text/html; charset=utf-8" />
Untitled Document
 type="text/javascript" src="jquery.js">
 type="text/javascript" src="jquery.realperson.js">
 href="jquery.realperson.css" rel="stylesheet" type="text/css" />
 type="text/javascript">
 $(function(){
  $('#Gideon').realperson({length: 5});
 })
 
 
 
 
 
 type="text" id="Gideon" name="defaultReal">
 
 
注:如果持续无法验证成功的话,请尝试下面的方法:
php
function rpHash($value) {
 $hash = 5381;
 $value = strtoupper($value);
 for($i = 0; $i  strlen($value); $i++) {
  $hash = (($hash  5) + $hash) + ord(substr($value, $i));
 }
 return $hash;
}
?>
替换为:
 
 function rpHash($value)
 {
  $hash = 5381;
  $value = strtoupper($value);
  for($i = 0; $i  strlen($value); $i++) $hash = (leftShift32($hash, 5) + $hash) + ord(substr($value, $i));
  return $hash;
 }
 
 function leftShift32($number, $steps)
 {
  $binary = decbin($number);
  $binary = str_pad($binary, 32, "0", STR_PAD_LEFT);
  $binary = $binary.str_repeat("0", $steps);
  $binary = substr($binary, strlen($binary) - 32);
  return ($binary{0} == "0" ? bindec($binary) : -(pow(2, 31) - bindec(substr($binary, 1))));
 }
?>
 

Tag标签: 表单   插件  
  • 专题推荐

About IT165 - 广告服务 - 隐私声明 - 版权申明 - 免责条款 - 网站地图 - 网友投稿 - 联系方式
本站内容来自于互联网,仅供用于网络技术学习,学习中请遵循相关法律法规