图片验证码的制作

来源：互联网发布：linux kernel devel 编辑：程序博客网时间：2024/05/16 09:24

<div class="border">
<h2 class="clearfix">
<div class="tip">输入验证码后发送短信</div>
<div class="x" data-pa-lightbox="close"></div>
</h2>
<div class="words">
<span class="validate_input"> 验证码：<input type="text" id="txt_validate_code" maxlength="4"> </span>
<span class="change clearfix">
<img src="/?act=syplatform&st=vcode&timeestamp=1471389616" id="img_code" alt="">
<a href="javascript:;" class="c-yellow">换一张</a>
</span>
</div>
<div class="q_btn">
<div class="queren" id="validate_btn" data-pa-lightbox="close"></div>
</div>
</div>

</div>

//js代码

//换一张    $('.c-yellow').click(function(){        $('#txt_validate_code').val('');        var timestamp = Math.round(new Date().getTime() / 1000);        $('#img_code').attr('src', '/?act=syplatform&st=vcode&timeestamp=' + timestamp);    });

//验证输入的验证码    function checkCode(str) {        var s = /^[A-Za-z0-9]+$/;        return s.test(str);    }    //ajax请求后台发短信    function checkVode() {        //获得输入的验证码        var validate_code = $('#txt_validate_code').val();        if (validate_code == '') {            $('#txt_validate_code').val('');            alert_phone.show();            words.html('验证码不能为空');            $(".c-yellow").trigger("click");            return;        }        if (!checkCode(validate_code)) {            $('#txt_validate_code').val('');            alert_phone.show();            words.html('验证码格式不正确');            return;        }        var mobileNo = $('#mobileNo').val();        var ajax = $.ajax({            type: 'post',            url: '/?act=syplatform&st=sendDownloadUrlToMobile',            data: {mobile:mobileNo,vcode:validate_code},            dataType: 'json'        });        ajax.done(function(data){            if(typeof(data.status) != 'undefined'){                alert_phone.show();                words.html(data.msg);                if(data.status == 2004){                    $('#mobileNo').val('');                }            }        });        ajax.fail(function(){        });    }

0 0