非常实用的 jQuery 验证码

最新推荐文章于 2024-03-19 19:00:10 发布

teemai

最新推荐文章于 2024-03-19 19:00:10 发布

阅读量5.2k

点赞数

文章标签： jquery wordpress stylesheet url function

本文链接：https://blog.csdn.net/withiter/article/details/7438138

版权

今天我向大家推荐的这款 jQuery 验证码，不仅仅 WordPress 可用，折腾折腾只要需要验证码的地方都可以安放。比如 WordPress 这样使用：
1、下载：jQuery.buttonCaptcha；
2、保存 jquery.buttonCaptcha.js，jquery.buttonCaptcha.styles.css 和 'images' 文件夹到 WordPress 主题某一路径下。记住，所有关于 buttonCaptcha 文件必须保存在同一目录，如果没有那么你就需要编辑 .css 文件；
3、将下面代码放到 <body> 里面：

/*如果没有 jQuery 文件请自行到官网下载*/
<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/js/jquery-1.5.1.min.js"></script>
<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/js/jquery-ui-1.8.12.custom.min.js"></script>
<link rel="stylesheet" type="text/css" href="<?php bloginfo('template_url'); ?>/js/buttonCaptcha/jquery.buttonCaptcha.styles.css" />
<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/js/buttonCaptcha/jquery.buttonCaptcha.min.js"></script>
/*具体设置显示参数可以参考 jquery.buttonCaptcha.js 文件*/
<script type = "text/javascript" >
$ ( function ( ) {
$ ( "#submit" ). buttonCaptcha ( { //#submit请修改为你评论提交按钮的ID
codeWord : 'H' ,
codeZone : 'aozer' ,
captchaHeader : '你是 Robot 吗？// Are you a robot?' ,
captchaTip : '拖动左边的字母到右边，直到出现 "%code_word%"。谢谢！<br>Drag letters from left to right, to get word "H". Thanks!' ,
captchaUnlocked : '已解锁！// Unlocked!'
} ) ;
} ) ;
</script >

就这样，具体演示就看文章后面评论下面的验证码吧，再改改还可以用到其它地方哦！本验证码出自：buttonCaptcha

http://www.gbws.ru/bcaptcha/