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/Jquery——简单定时器的多种实现方法
Jul 03 Javascript
JavaScript将相对地址转换为绝对地址示例代码
Jul 19 Javascript
jQuery焦点图插件SaySlide
Dec 21 Javascript
js实现的彩色方块飞舞奇幻效果
Jan 27 Javascript
Bootstarp风格的toggle效果分享
Feb 23 Javascript
微信小程序中的onLoad详解及简单实例
Apr 05 Javascript
vue实现通讯录功能
Jul 14 Javascript
Vue2.0+Vux搭建一个完整的移动webApp项目的示例
Mar 19 Javascript
Vue项目中ESlint规范示例代码
Jul 04 Javascript
Vue路由模块化配置的完整步骤
Aug 14 Javascript
一看就会的vuex实现登录验证(附案例)
Jan 09 Javascript
ant design vue的form表单取值方法
Jun 01 Vue.js
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
spl_autoload_register与autoload的区别详解
2013/06/03 PHP
yii2.0整合阿里云oss的示例代码
2017/09/19 PHP
Nodejs极简入门教程(三):进程
2014/10/27 NodeJs
javascript实现控制的多级下拉菜单
2015/07/05 Javascript
jquery实现Ctrl+Enter提交表单的方法
2015/07/21 Javascript
如何通过js实现图片预览功能【附实例代码】
2016/03/30 Javascript
Angularjs 设置全局变量的方法总结
2016/10/20 Javascript
jquery表单验证插件validation使用方法详解
2017/01/20 Javascript
3分钟快速搭建nodejs本地服务器方法运行测试html/js
2017/04/01 NodeJs
jQuery实现获取及设置CSS样式操作详解
2018/09/05 jQuery
使用Vue中 v-for循环列表控制按钮隐藏显示功能
2019/04/23 Javascript
vue权限问题的完美解决方案
2019/05/08 Javascript
使用JavaScript实现贪吃蛇游戏
2020/09/29 Javascript
学习python的几条建议分享
2013/02/10 Python
Python使用urllib模块的urlopen超时问题解决方法
2014/11/08 Python
python开发之thread线程基础实例入门
2015/11/11 Python
python开发之for循环操作实例详解
2015/11/12 Python
Python中with及contextlib的用法详解
2017/06/08 Python
Django原生sql也能使用Paginator分页的示例代码
2017/11/15 Python
Python实现的寻找前5个默尼森数算法示例
2018/03/25 Python
Sanic框架Cookies操作示例
2018/07/17 Python
windows下python 3.6.4安装配置图文教程
2018/08/21 Python
python中字符串内置函数的用法总结
2018/09/13 Python
Python TKinter如何自动关闭主窗口
2020/02/26 Python
keras的backend 设置 tensorflow,theano操作
2020/06/30 Python
Python使用Selenium模拟浏览器自动操作功能
2020/09/08 Python
基于Python的图像阈值化分割(迭代法)
2020/11/20 Python
html5调用app分享功能示例(WebViewJavascriptBridge)
2018/03/21 HTML / CSS
SQL Server笔试题
2012/01/10 面试题
管理心得体会
2013/12/28 职场文书
开学季活动策划方案
2014/02/28 职场文书
毕业自我鉴定怎么写
2014/03/25 职场文书
公安局负责人查摆问题及整改方案
2014/09/27 职场文书
小学语文复习计划
2015/01/19 职场文书
导游词之无锡古运河
2019/11/14 职场文书
Anaconda安装pytorch及配置PyCharm 2021环境
2021/06/04 Python