php jquery validate remote,jQuery validate remote实现异步验证

html文件内容

$(document).ready(function () {

$.validator.setDefaults({

submitHandler:function(form){

var params = getParams('.ipt');

// console.log(params);

var url = '{:url("edit")}';

$.post(url,params,function(data,textStatus){

// console.log(data);

if(data.status=='1'){

toastr.success(data.msg);

location.href = '{:url("index")}';

}else{

toastr.error(data.msg);

}

});

}

});

$('#quickForm').validate({

rules: {

staffAccount: {

required: true,

remote: {

url: '{:url("checkStaffAccount")}', //后台处理程序

type: "post", //数据发送方式

dataType: "json", //接受数据格式

data: { //要传递的数据

username: function() {

return $("#staffAccount").val();

}

}

},

},

staffPass: {

{if condition="$rs.staffId eq 0"}required: true,{/if}

minlength: 5,

},

staffPass2: {

{if condition="$rs.staffId eq 0"}required: true,{/if}

minlength: 5,

equalTo: "#staffPass",

},

staffName: {

required: true,

},

roleId: {

required: true,

},

},

messages: {

staffAccount: {

required: "请输入账号",

remote:"账号已存在",

},

staffPass: {

required: "请输入密码",

minlength: "密码长度不能小于5",

},

staffPass2: {

required: "请输入确认密码",

minlength: "密码长度不能小于5",

equalTo: "两次密码输入不一致",

},

staffName: {

required: "请输入姓名",

},

roleId: {

required: "请选择角色",

},

},

errorElement: 'span',

errorPlacement: function (error, element) {

error.addClass('invalid-feedback');

element.closest('.form-group').append(error);

},

highlight: function (element, errorClass, validClass) {

$(element).addClass('is-invalid');

},

unhighlight: function (element, errorClass, validClass) {

$(element).removeClass('is-invalid');

}

});

});

后台验证程序代码thinkphp5.1

/**

* 账号是否存在

*/

public function checkStaffAccount(){

$where = [];

$where['dataFlag'] = 1;

$where['staffAccount'] = input('post.staffAccount');

$rs = $this->where($where)->count();

return ($rs==0)?true:false;

}