槽糕,layui表单提交俩次

简介: 槽糕,layui表单提交俩次

前言

使用这个layui已经快俩年时间了,刚刚新搭xadmin的框架,于是就出现了表单会重复提交这个问题,很懊恼啊!


如果你想直接知道解决方案,那就直接到第三小节即可。


一、起初操作

首先来看看咔咔都做了什么操作。


使用的xadmin模板,估计是没有把js文件引全面造成的问题。


咔咔想实现的效果如下图。


image.png


image.png


这是已经实现的效果,之前是没有的,就是因为加了这个玩意酿成的果。


不知道你们平时开发是怎么找代码的,咔咔是直接去代码库里边直接搜链接格式不正确。


下图就是咔咔搜索出来的结果,那么接下来就是引入这个js文件试试呗!


image.png


于是拿起键盘就是干,将这个文件给引入进去


image.png


以上就是酿成后果的原有!


二、问题重现

添加一条数据


image.png


果然没让人失望,出现了俩条数据,哈哈!懵逼了


image.png


三、解决问题

其实出现这个问题就是粗心大意造成了,还有就是对layui框架还是不熟悉。


解决方案就是将form这个js文件给干掉即可,是不是很搞笑,嗯呐!十分搞笑。


image.png


当你打开layui.js文件时就会恍然大悟


原来,layui.js自动所有包含了modules模块,我本地额外的引入了,所以会出现这样的情况。


image.png


当然问题不仅仅是咔咔这种情况。


如果连续引用两次layui.all.js文件, 会导致连续触发两次, 或者先引用layui.all.js文件,然后在引用layui.js文件也会触发两次, 请细心检查自己引用的文件!!!


引用了layui.all.js文件之后, 再次引用了layui.js, 导致连续触发了两次!


相关文章
|
1月前
|
移动开发 JavaScript 小程序
uView Form 表单
uView Form 表单
44 1
|
1月前
|
JavaScript
layui二级联动
layui二级联动
|
6月前
layui表单验证
layui表单验证
139 0
|
6月前
layUI表单验证不生效的问题
layUI表单验证不生效的问题
|
7月前
62EasyUI 表单 - 表单验证
62EasyUI 表单 - 表单验证
20 0
|
11月前
|
JavaScript 前端开发 数据安全/隐私保护
前端|Layui实现表单
前端|Layui实现表单
211 0
|
11月前
|
存储 数据库
easyui-form表单提交combobox
easyui-form表单提交combobox
52 0
|
前端开发
你对layui的弹出层表单进行表单验证了解多少呢?
我们在项目中使用**layui**做前端的时候,就少不了表单**form**,但也有时候我们会使用**layui**的弹出层`layer.open`,来做一个弹出层表单,该弹出层有自己的**btn**(确定,取消按钮等等),那么如何对弹出层的表单做一个表单验证呢?
438 1
你对layui的弹出层表单进行表单验证了解多少呢?
|
JavaScript
【Layui】表单验证
【Layui】表单验证
431 0
【Layui】表单验证