話不多說,上圖盾舌。
示例
- 首先淮菠,要準備一個容器(dom)來放canvas爹耗。
<div style="float: left;" style="width: 80px;height: 27px;" id="img"></div>
- js代碼(初始化)
var verifyCode = new GVerify("img");
- 根據(jù)需求寫邏輯代碼
function preventDefa(e){
if(window.event){
//IE中阻止函數(shù)器默認動作的方式
window.event.returnValue = false;
}
else{
//阻止默認瀏覽器動作(W3C)
e.preventDefault();
}
}
$('.submit input').on('click',function(e){
if(!verifyCode.validate($('#validate').val())){
var str='<div id="Verrors" style="font-size: 14px;font-family:微軟雅黑;color: red;">驗證碼不正確</div>';
$('.validate .errors').html('');
$('.validate .errors').append(str);
preventDefa(e);
}
})