這幾天發(fā)現(xiàn)了一個(gè)很好用的驗(yàn)證碼——安德富驗(yàn)證碼,這個(gè)驗(yàn)證碼不但做的很漂亮，不像我們常見的驗(yàn)證碼那么呆板，而且在用戶驗(yàn)證過程中，還能給網(wǎng)站帶來收入哦，一起來看看吧。
首先在你需要用到驗(yàn)證碼的地方——比如登錄頁面，引入jQuery,當(dāng)然如果你的網(wǎng)頁有用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>
然后在你的頁面合適的地方添加一個(gè)div元素，
<div id="vv" data-url="http://www.adfortest.com/api.php" style="display:none"></div>
上面的data-url是獲取安德富驗(yàn)證碼的地址，不能寫錯(cuò)了哦。
最后在頁面的最下面，添加以下代碼
//當(dāng)用戶點(diǎn)擊提交時(shí)，顯示驗(yàn)證碼，如果用戶不點(diǎn)提交就要顯示，可以將點(diǎn)擊事件里面的代碼移到外面來
$('#submit').click(function(){
? ? ?//開始請求驗(yàn)證碼，括號(hào)里第一個(gè)參數(shù)是剛才添加的div的id屬性值，這里要寫jquer選擇器
? ? //第二個(gè)參數(shù)是網(wǎng)站的id,也就是你要在安德富網(wǎng)站獲取一個(gè)標(biāo)識(shí)符
? ? ? ? var myvd=new Validate('#vv','');? ??
????????$('#vd').css('display','block');? ?//顯示驗(yàn)證碼
????????myvd.check(function(){
? ? ? ? ? ? ? ? //這里可以添加用戶驗(yàn)證成功的代碼
????????????????$('#vd').css('display','none');
????????},function(){
? ? ? ? ? ? ? ? //這里添加用戶驗(yàn)證失敗的代碼
????????});
});
這樣當(dāng)每次用戶點(diǎn)擊登錄或注冊時(shí)，都會(huì)顯示驗(yàn)證碼，驗(yàn)證成功了后，再發(fā)送請求到后臺(tái)。
上面提到網(wǎng)站的ID,要到安德富網(wǎng)站注冊一個(gè)帳號(hào)，才會(huì)有一個(gè)ID，也就是你的一個(gè)標(biāo)識(shí)符，這樣安德富網(wǎng)站才能給你計(jì)算工資，注意注冊時(shí)要選網(wǎng)站站長哦。
如果大家有使用時(shí)有什么問題，可以在下面留言，或者到www.adfortest.com找客服，他們會(huì)給你專業(yè)的解答。
現(xiàn)在我的網(wǎng)站用戶每次登錄都會(huì)給我?guī)硎杖?，雖然每次不是很多，但是當(dāng)?shù)卿浀挠脩魯?shù)量比較多時(shí)，收入還是相當(dāng)可觀的^-^? 。
