• 首页 首页 icon
  • 工具库 工具库 icon
    • IP查询 IP查询 icon
  • 内容库 内容库 icon
    • 快讯库 快讯库 icon
    • 精品库 精品库 icon
    • 问答库 问答库 icon
  • 更多 更多 icon
    • 服务条款 服务条款 icon

解决layui的form表单提交两次

武飞扬头像
PHP中文网
帮助593

前言

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

一、起初操作

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

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

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

学新通技术网
实现效果图一
学新通技术网
实现效果图二

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

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

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

学新通技术网
需要的js文件

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

学新通技术网
引入的js文件

二、问题重现

添加一条数据

学新通技术网
添加数据

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

学新通技术网
返回结果

三、解决问题

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

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

学新通技术网
js文件

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

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

学新通技术网
layui.js文件

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

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

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

这篇好文章是转载于:学新通技术网

  • 版权申明: 本站部分内容来自互联网,仅供学习及演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,请提供相关证据及您的身份证明,我们将在收到邮件后48小时内删除。
  • 本站站名: 学新通技术网
  • 本文地址: /boutique/detail/tanfbhhe
系列文章
更多 icon
同类精品
更多 icon
继续加载