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


Posted in Javascript onSeptember 06, 2019

用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的例子就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
javascript 写类方式之七
Jul 05 Javascript
ExtJS GridPanel 根据条件改变字体颜色
Mar 08 Javascript
jquery ajax 简单范例(界面+后台)
Nov 19 Javascript
深入理解jQuery中live与bind方法的区别
Dec 18 Javascript
轻松实现js图片预览功能
Jan 18 Javascript
jQuery实现div拖拽效果实例分析
Feb 20 Javascript
JavaScript位移运算符(无符号) >>> 三个大于号 的使用方法详解
Mar 31 Javascript
AngularJS基础 ng-non-bindable 指令详细介绍
Aug 02 Javascript
Bootstrap-table使用footerFormatter做统计列功能
Sep 07 Javascript
vue项目中,main.js,App.vue,index.html的调用方法
Sep 20 Javascript
浅谈JavaScript闭包
Apr 09 Javascript
js、jquery实现列表模糊搜索功能过程解析
Mar 27 jQuery
layer的prompt弹出框,点击回车,触发确定事件的方法
Sep 06 #Javascript
vue按需加载实例详解
Sep 06 #Javascript
详解Nuxt.js中使用Element-UI填坑
Sep 06 #Javascript
nuxt踩坑之Vuex状态树的模块方式使用详解
Sep 06 #Javascript
Nuxt使用Vuex的方法示例
Sep 06 #Javascript
vue中input的v-model清空操作
Sep 06 #Javascript
nuxt框架中对vuex进行模块化设置的实现方法
Sep 06 #Javascript
You might like
PHP开发需要注意的安全问题
2010/09/01 PHP
浅析ThinkPHP中的pathinfo模式和URL重写
2014/01/06 PHP
php json_encode与json_decode详解及实例
2016/12/13 PHP
浅析PHP反序列化中过滤函数使用不当导致的对象注入问题
2020/02/15 PHP
javascript 一段左右两边随屏滚动的代码
2009/06/18 Javascript
基于jsTree的无限级树JSON数据的转换代码
2010/07/27 Javascript
JavaScript类型转换方法及需要注意的问题小结(挺全面)
2010/11/11 Javascript
你必须知道的Javascript知识点之"this指针"的应用
2013/04/23 Javascript
JavaScript中Math对象方法使用概述
2014/01/02 Javascript
js判断手机和pc端选择不同执行事件的方法
2015/01/30 Javascript
jQuery中数据缓存$.data的用法及源码完全解析
2016/04/29 Javascript
基于JQuery实现分隔条的功能
2016/06/17 Javascript
响应式表格之固定表头的简单实现
2016/08/26 Javascript
JavaScript 身份证号有效验证详解及实例代码
2016/10/20 Javascript
JS如何设置iOS中微信浏览器的title
2016/11/22 Javascript
JS 调用微信扫一扫功能
2016/12/22 Javascript
详解用node搭建简单的静态资源管理器
2017/08/09 Javascript
移动端底部导航固定配合vue-router实现组件切换功能
2019/06/13 Javascript
深入解析Python中的变量和赋值运算符
2015/10/12 Python
老生常谈进程线程协程那些事儿
2017/07/24 Python
Python面向对象之继承代码详解
2018/01/29 Python
python用BeautifulSoup库简单爬虫实例分析
2018/07/30 Python
python设置环境变量的原因和方法
2019/06/24 Python
python绘制彩虹图
2019/12/16 Python
python简单实现最大似然估计&scipy库的使用详解
2020/04/15 Python
python实现ping命令小程序
2020/12/28 Python
英国高街品牌:Miss Selfridge(塞尔弗里奇小姐)
2016/09/21 全球购物
美国学校校服,儿童和婴儿服装:Cookie’s Kids
2016/10/14 全球购物
连卡佛中国官网:Lane Crawford中文站
2018/01/27 全球购物
标签和贴纸印刷:Lightning Labels
2018/03/22 全球购物
戴森西班牙官网:Dyson西班牙
2020/02/04 全球购物
2014年高三毕业生自我评价
2014/01/11 职场文书
市场专员岗位职责
2014/02/14 职场文书
有多年工作经验的自我评价
2014/03/02 职场文书
暑期社会实践心得体会
2014/09/02 职场文书
面试复试通知单
2015/04/24 职场文书