layui自定义验证,用ajax查询后台是否有重复数据,form.verify的例子

 更新时间:2019年09月06日 17:36:05   作者:飘_落  
今天小编就为大家分享一篇layui自定义验证,用ajax查询后台是否有重复数据,form.verify的例子,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧

用layui表单自定义验证,ajax查询后台验证,form.verify和ajax组合时,尝试更改了几次方案,遇到的问题:

1.有时点击两次submit才会提示验证结果;

2.有时后台返回结果没问题,但不提示验证结果,查了查网上资料后,发现是在ajax最后return时出的问题,ajax改为同步,最后把验证提示信息return,而不能在success或error中return。

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;
  }
 });

以上这篇layui自定义验证,用ajax查询后台是否有重复数据,form.verify的例子就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。

相关文章

  • js跨域资源共享 基础篇

    js跨域资源共享 基础篇

    这篇文章主要为大家详细介绍了javascript跨域资源共享的相关资料,感兴趣的朋友可以参考一下
    2016-07-07
  • javascript多行字符串的简单实现方式

    javascript多行字符串的简单实现方式

    之前我们给大家讲诉过javascript多行字符串的7种解决办法,今天来给大家分享一个更简单的方法,非常的实用,大家一定要仔细看看哦。
    2015-05-05
  • 微信小程序用户后台定位及录音授权及请求示例

    微信小程序用户后台定位及录音授权及请求示例

    这篇文章主要为大家介绍了微信小程序用户后台定位及录音授权及请求示例,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-04-04
  • JavaScript中的变量作用域介绍

    JavaScript中的变量作用域介绍

    这篇文章主要介绍了JavaScript中的变量作用域介绍,本文同时讲解了一个新概念变量的作用域链,需要的朋友可以参考下
    2014-12-12
  • JS实现购物车中商品总价计算

    JS实现购物车中商品总价计算

    这篇文章主要为大家详细介绍了JS实现购物车中商品总价的计算 ,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-03-03
  • GoJs面板绘图模板go.Panel使用示例详解

    GoJs面板绘图模板go.Panel使用示例详解

    这篇文章主要为大家介绍了GoJs面板绘图模板go.Panel使用示例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-04-04
  • JS中Require与Import 区别对比分析

    JS中Require与Import 区别对比分析

    这篇文章主要为大家介绍了JS中Require与Import 区别对比分析,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-03-03
  • 微信小程序上线发布流程图文详解

    微信小程序上线发布流程图文详解

    这篇文章主要介绍了微信小程序上线发布流程,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-05-05
  • JavaScript实现更换头像功能

    JavaScript实现更换头像功能

    这篇文章主要为大家详细介绍了JavaScript实现更换头像功能,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-08-08
  • 关于JavaScript实现动画时动画抖动的原因与解决方法

    关于JavaScript实现动画时动画抖动的原因与解决方法

    最近在使用JS动画做一些练习的时候我发现在动画执行时间内快速移开鼠标时会出现动画因鼠标移动过快从而导致代码冲突让画面抖动的bug,这篇文章主要给大家介绍了关于JavaScript实现动画时动画抖动的原因与解决方法,需要的朋友可以参考下
    2022-06-06

最新评论