这几天发现了一个很好用的验证码——安德富验证码,这个验证码不但做的很漂亮,不像我们常见的验证码那么呆板,而且在用户验证过程中,还能给网站带来收入哦,一起来看看吧。(注意:请先到安德富网站以站长身份注册一个帐号,系统会自动分配一个ID,也就是你的一个标识符,同学,请填写相关的支付宝账号及必要的信息(分成自动转到该账号),这样你免费使用安德富网站的验证码,还可以获得广告分成了)。下面是网站引入安德富验证码的方法,相应代码在网站注册后,也可以看到。
安德富验证码的使用方法:
首先在你需要用到验证码的地方——比如登录页面,引入jQuery,当然如果你的网页有用jQuery,可以省略这一步:
<script src="http://cdn.static.runoob.com/libs/jquery/1.10.2/jquery.min.js" ></script>
<script src="http://www.adfortest.com/static/validate.js"></script>
然后在你的页面合适的地方添加一个div元素,
<div id="vv" data-url="http://www.adfortest.com/api.php" style="display:none"></div>
上面的data-url是获取安德富验证码的地址,不能写错了哦。
最后在页面的最下面,添加以下代码
//当用户点击提交时,显示验证码,如果用户不点提交就要显示,可以将点击事件里面的代码移到外面来
$(‘#submit‘).click(function(){
//开始请求验证码,括号里第一个参数是刚才添加的div的id属性值,这里要写jquer选择器
//第二个参数是网站的id,也就是你要在安德富网站获取一个标识符
var myvd=new Validate(‘#vv‘,‘‘);
$(‘#vd‘).css(‘display‘,‘block‘); //显示验证码
myvd.check(function(){
//这里可以添加用户验证成功的代码
$(‘#vd‘).css(‘display‘,‘none‘);
},function(){
//这里添加用户验证失败的代码
});
});
这样当每次用户点击登录或注册时,都会显示验证码,验证成功了后,再发送请求到后台。
如果大家有使用时有什么问题,可以在下面留言,或者到www.adfortest.com找客服,他们会给你专业的解答。
现在我的网站用户每次登录都会给我带来收入,虽然每次不是很多,但是当登录的用户数量比较多时,收入还是相当可观的 。当然,验证码场景使用其实很多,有的网站也在下载电影,小说,论坛发帖,回帖等地方使用验证码,这样获得的广告分成可以更多,钱再多也不够啊!
原文地址:https://www.cnblogs.com/bengougo/p/9483367.html