验证码的输入框及图片代码:【使用tp5的验证码】
<!-- 验证码输入框及图片 -->
<div class="form-group">
<div class="row">
<!-- /.col -->
<div class="col-xs-5">
<input type="text" class="form-control" name="captcha" maxlength="4" onkeyup="value=value.replace(/[^\w\.\/]/ig,'')" placeholder="验证码" required>
</div>
<div class="col-xs-7">
<img onclick="this.src='{:captcha_src()}?'+Math.random()" id="captcha" src="{:captcha_src()}" alt="captcha"/>
</div>
<!-- /.col -->
</div>
</div>
js代码:
$.ajax({
url:'login',
type:'post',
data:form,
success:function (data) {
if (data.status == 0) {
window.location.href = '/AuthBase.Index/index';
} else {
layer.msg(data.msg);
//刷新验证码
$("#captcha").attr("src","{:captcha_src()}?"+Math.random())
//定时器
isClick(data.data);
}
},
error:function (error) {
layer.msg(error);
isClick();
}
},'json');