位置: 编程技术 - 正文

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

编辑:rootadmin

推荐整理分享jQuery Real Person验证码插件防止表单自动提交,希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:,内容如对您有帮助,希望把文章链接给更多的朋友!

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

效果图如下:

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

使用说明需要使用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 点击可刷新实例讲解

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

替换为:

本文链接地址:https://www.jiuchutong.com/biancheng/370489.html 转载请保留说明!

上一篇:jQuery实现非常实用漂亮的select下拉菜单选择效果

下一篇:jQuery插件实现静态HTML验证码校验

免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

鄂ICP备2023003026号

网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

友情链接: 武汉网站建设 电脑维修 湖南楚通运网络