当前位置：首页 > 资讯 > 技术文档

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

时间：2022-11-11 10:22 编辑：来源：阅读：
扫一扫，手机访问

摘要：jQuery Real Person验证码插件防止表单自动提交

本文介绍的jQuery插件有点特殊，[b]防自动提交表单的验证工具[/b]，就是我们经常用到的验证码工具，先给大家看看效果。效果图如下： [img]http://files.jb51.net/file_images/article/201511/2015116113827983.png?2015106113847[/img] [b]使用说明[/b] 需要使用jQuery库文件和Real Person库文件同时需要自定义验证码显示的CSS样式 [b]使用实例[/b] [b]1、包含文件部分[/b] <script type="text/javascript" src="jquery-latest.pack.js"></script> <script type="text/javascript" src="jquery.realperson.js"></script> <style type="text/css">@import "jquery.realperson.css";</style> [b]2、HTML部分[/b] <input type="text" id="biuuu" name="defaultReal"> [b]3、Javascript部分[/b] $("#biuuu").realperson(); 如上实例，就可以实现一个防自动提交表单的验证码工具，同时可指定验证码字符的长度，如下： $("#biuuu").realperson({length: 5}); 今天所讲到的[b]jQuery Real Person Plugin[/b]，就是一个完全由JavaScript编写而成的jQuery验证码插件。 [b]jQuery插件Real Person 点击可刷新实例讲解 [/b]

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "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" /> 
<title>Untitled Document</title> 
<script type="text/javascript" src="jquery.js"></script> 
<script type="text/javascript" src="jquery.realperson.js"></script> 
<link href="jquery.realperson.css" rel="stylesheet" type="text/css" /> 
<script type="text/javascript"> 
  $(function(){ 
    $('#Gideon').realperson({length: 5}); 
  }) 
</script> 
</head> 
 
<body> 
 
<input type="text" id="Gideon" name="defaultReal"> 
</body> 
</html>

注：如果持续无法验证成功的话，请尝试下面的方法：

<?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))));  
  } 
?>

以上就是为大家介绍了jQuery验证码插件Real Person的使用方法，小编整理的可能有些不全面，希望大家多多谅解。

全部评论(0)

上一篇：javascript,jquery闭包概念分析
下一篇：JS创建类和对象的两种不同方式

资讯排行榜
更多>>