快捷導(dǎo)航

jQuery Real Person驗(yàn)證碼插件防止表單自動(dòng)提交

更新時(shí)間：2015年11月06日 11:48:14 投稿：lijiao

這篇文章為大家介紹了一款jQuery驗(yàn)證碼插件Real Person，可以防止自動(dòng)提交表單

本文介紹的jQuery插件有點(diǎn)特殊，防自動(dòng)提交表單的驗(yàn)證工具，就是我們經(jīng)常用到的驗(yàn)證碼工具，先給大家看看效果。

效果圖如下：

使用說明
需要使用jQuery庫文件和Real Person庫文件
同時(shí)需要自定義驗(yàn)證碼顯示的CSS樣式

使用實(shí)例

1、包含文件部分
<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>
2、HTML部分
<input type="text" id="biuuu" name="defaultReal">
3、Javascript部分
$("#biuuu").realperson();
如上實(shí)例，就可以實(shí)現(xiàn)一個(gè)防自動(dòng)提交表單的驗(yàn)證碼工具，同時(shí)可指定驗(yàn)證碼字符的長度，如下：
$("#biuuu").realperson({length: 5});

今天所講到的jQuery Real Person Plugin，就是一個(gè)完全由JavaScript編寫而成的jQuery驗(yàn)證碼插件。

jQuery插件Real Person 點(diǎn)擊可刷新實(shí)例講解

<!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>

注：如果持續(xù)無法驗(yàn)證成功的話，請(qǐng)嘗試下面的方法：

<?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驗(yàn)證碼插件Real Person的使用方法，小編整理的可能有些不全面，希望大家多多諒解。

您可能感興趣的文章: