bootstrap 表单validator与ajax验证!!!!
Posted 木子哥哥的码农
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了bootstrap 表单validator与ajax验证!!!!相关的知识,希望对你有一定的参考价值。
话不多说,代码:
$(document).ready(function() {
$(‘#defaultForm‘).bootstrapValidator({
message: ‘This value is not valid‘,
feedbackIcons: {
valid: ‘glyphicon glyphicon-ok‘,
invalid: ‘glyphicon glyphicon-remove‘,
validating: ‘glyphicon glyphicon-refresh‘
},
fields: {
entry_code: {
validators: {
notEmpty: {
message: ‘验证码不能为空‘
},
stringLength: {
min: 4,
max: 4,
message: ‘验证码长度为4位‘,
},
remote: {
url: CONTROLLER+‘/ajax_check_code‘,
message:"验证码不正确",
type: "get",
dataType: ‘json‘,
data: {
},
delay: 500,
},
}
},
}
});
})
//下面为服务器怎么返回数据实例,看了很多网上都是说返回true、false,然而没软用!!!!!!!气死我了,写的不清不楚,还不如不写,坑人!!!最后找了半天才找到正确的返回格式!下面为代码:
//如果用tp,其它的依葫芦画瓢,只要返回json数据就行! $code = I(‘entry_code‘); if(check_verify($code)) { $this->ajaxReturn(array(‘valid‘=>true,‘message‘=>‘验证码正确‘)); } else { $this->ajaxReturn(array(‘valid‘=>false,‘message‘=>‘验证码不正确‘)); }
以上是关于bootstrap 表单validator与ajax验证!!!!的主要内容,如果未能解决你的问题,请参考以下文章
将 Bootstrap validator.js 与 Jquery ajax 表单发布一起使用
vee-validate 不能与 bootstrap-vue 一起使用
Bootstrap 4表单验证在使用无效反馈时不起作用,即使输入'is-valid'
Bootstrap 与 Jquery validate 结合使用——多个规则实现