位置: 编程技术 - 正文
推荐整理分享jQuery Real Person验证码插件防止表单自动提交,希望有所帮助,仅作参考,欢迎阅读内容。
文章相关热门搜索词:,内容如对您有帮助,希望把文章链接给更多的朋友!
本文介绍的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 点击可刷新实例讲解
注:如果持续无法验证成功的话,请尝试下面的方法:
替换为:
标签: jQuery Real Person验证码插件防止表单自动提交
本文链接地址:https://www.jiuchutong.com/biancheng/370489.html 转载请保留说明!友情链接: 武汉网站建设