layui表单自定义验证ajax查询后台是否有重复数据,form.verify实例

2019-09-0706:08:40WEB前端开发Comments2,456 views字数 595阅读模式

layui表单自定义验证,ajax查询后台验证,form.verify和ajax组合时,尝试更改了几次方案,遇到的问题:文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/16152.html

1.有时点击两次submit才会提示验证结果;文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/16152.html

2.有时后台返回结果没问题,但不提示验证结果,查了查网上资料后,发现是在ajax最后return时出的问题,ajax改为同步,最后把验证提示信息return,而不能在success或error中return。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/16152.html

form.verify({
  account: function(value, item){ //value:表单的值、item:表单的DOM对象
  if(value.trim() == ""){
   return '账号不能为空';
  }
  var param = {
 employeeId: $("#hidEmployeeId").val(),
 employeeAccount: $("#employeeAccount").val()
 }
 var checkResult = "";
 
 $.ajax({
 url: "../../selectEmpIdByAccount",
 type: "GET",
 data: param,
 async: false,
 success: function(result) {
  if(result.extend.isRepeat){
   checkResult = "该账号已存在";
  }
 },
 error: function() {
 }
 });
 return checkResult;
  }
 });
文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/16152.html
  • 本站内容整理自互联网,仅提供信息存储空间服务,以方便学习之用。如对文章、图片、字体等版权有疑问,请在下方留言,管理员看到后,将第一时间进行处理。
  • 转载请务必保留本文链接:https://www.cainiaoxueyuan.com/gcs/16152.html

Comment

匿名网友 填写信息

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

确定