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

本文介绍的jQuery插件有点特殊,防自动提交表单的验证工具,就是我们经常用到的验证码工具,先给大家看看效果。

效果图如下:

使用说明
需要使用jQuery库文件和Real Person库文件
同时需要自定义验证码显示的CSS样式

使用实例

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();
如上实例,就可以实现一个防自动提交表单的验证码工具,同时可指定验证码字符的长度,如下:
$("#biuuu").realperson({length: 5});

今天所讲到的jQuery Real Person Plugin,就是一个完全由JavaScript编写而成的jQuery验证码插件。

jQuery插件Real Person 点击可刷新实例讲解

<!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的使用方法,小编整理的可能有些不全面,希望大家多多谅解。

以上是小编为您精心准备的的内容,在的博客、问答、公众号、人物、课程等栏目也有的相关内容,欢迎继续使用右上角搜索按钮进行搜索jquery验证码插件
real person slash、验证码正确再提交表单、表单验证码、验证码错误不提交表单、dede自定义表单验证码,以便于您获取更多的相关知识。

时间: 2024-09-16 06:40:03

jQuery Real Person验证码插件防止表单自动提交_jquery的相关文章

Jquery插件easyUi表单验证提交

 本篇文章主要是对Jquery插件easyUi表单验证提交的示例代码进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助  代码如下: <form id="myForm" method="post">   <table align="center" style="width:400px;height:auto;margin-top: 20px">            <tr>    

ThinkPHP表单自动提交验证实例教程_php实例

本文以实例讲述了ThinkPHP表单自动提交验证的实现过程,详细步骤如下所示: 一.模板部分: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <TITL

禁用Enter键表单自动提交实现代码_javascript技巧

复制代码 代码如下: //禁用Enter键表单自动提交 document.onkeydown = function(event) { var target, code, tag; if (!event) { event = window.event; //针对ie浏览器 target = event.srcElement; code = event.keyCode; if (code == 13) { tag = target.tagName; if (tag == "TEXTAREA"

Jquery插件easyUi表单验证提交(示例代码)_jquery

复制代码 代码如下: <form id="myForm" method="post">  <table align="center" style="width:400px;height:auto;margin-top: 20px">           <tr>                                           <td align="righ

使用VB实现邮箱自动注册(一):表单自动提交

前些天在网上看到有人需要邮箱自动注册的程序,于是自己也写了一个,在查资料的过程中我看到一些网友写的类似文章,有一些是基于网络协议,需要了解session,cookie这些东西,对于一个新手来说很繁琐,等到把这些东西搞懂,热情也消耗殆尽.VB的优点就在于可以让那些对于计算机底层不是很了解的人迅速实现自己的程序设计,我找到了一种比较简单的办法,要求对HTML标记语言有所了解即可,现在把自己的经验写出来于各位网友共享,该方法也许不值一提,也许对您有所帮助. 我的办法就是利用控件WebBrowser,我

关于在自己项目页面设表单自动提交到别的网站实现一键注册其他网站会员的问题!!!

问题描述 比如智联招聘,我在自己项目上设个页面,里面表单得到我项目的用户信息,提交到智联招聘上注册成会员.我试过了,可以注册成功.但是现在有问题.我如何知道我的用户名在智联上是否重复,还有注册成功没有我又通过什么知道.求大神告知ps:我查了网上,好像跨域的项目用ajax得到返回值是行不通的. 解决方案 解决方案二:大神都在上班中吗?解决方案三:这个要第三方开放接口才能对接,对接文档上应该都有对应的返回码的解决方案四:引用2楼yulongde77的回复: 这个要第三方开放接口才能对接,对接文档上应

用ajaxSubmit做异步表单验证+提交,出现一个小问题

问题描述 //就是如果表单内不些内容点提交会弹出'信息不完整',确认后,再点击提交会连续弹出两次'信息不完整',确认后如果继续点击提交,那么就会弹出更多次的'信息不完整',然后再表单里写上内容再提交,数据库中就会出现很多条同样的信息.是哪里的问题?$(document).ready(function () { $('.tijiao').on('click', function () { $(this).bind('click'); var options = { type: 'post', ur

jQuery Validate插件实现表单验证_jquery

jQuery Validate 插件为表单提供了强大的验证功能,让客户端表单验证变得更简单,同时提供了大量的定制选项,满足应用程序各种需求.该插件捆绑了一套有用的验证方法,包括 URL 和电子邮件验证,同时提供了一个用来编写用户自定义方法的 API.所有的捆绑方法默认使用英语作为错误信息,且已翻译成其他 37 种语言.更重要的是他是由jQuery 团队. jQuery UI 团队的主要开发人员Jörn Zaefferer 编写和维护的.具体我们可以访问 jQuery Validate 官网,下载

jQuery Validate插件实现表单强大的验证功能_jquery

jQuery Validate插件捆绑了一套有用的验证方法,包括 URL 和电子邮件验证,同时提供了一个用来编写用户自定义方法的 API.所有的捆绑方法默认使用英语作为错误信息,且已翻译成其他 37 种语言. 第一节:jQuery Validation让验证变得如此容易 一.官网下载jquery,和jquery validation plugin 二.引入文件 <script src="js/jquery-1.8.0.min.js" type="text/javascr