槽糕,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, 导致连续触发了两次!


相关文章
|
JavaScript Java 数据格式
Layui数据表格(table)前后台交互
Layui数据表格(table)前后台交互
800 0
|
NoSQL Java Redis
SpringBoot项目整合redis
本文讲解如何在SpringBoot项目中整合redis。
3469 0
SpringBoot项目整合redis
|
4月前
|
自然语言处理 前端开发 测试技术
Playwright初学指南 (2):全面解析元素定位策略
本文深入解析Playwright革命性的元素定位体系,详解八大核心定位策略(语义化角色、文本内容、标签属性等)及其适用场景,提供动态元素处理方案和调试技巧。通过定位策略性能对比和企业级最佳实践,帮助开发者构建健壮、可维护的自动化测试脚本,有效解决75%的Web自动化测试失败问题。
|
1月前
|
人工智能 Cloud Native 前端开发
详细教程 PhpStorm 2025.1 安装+ 激活中文配置,附安装包
PhpStorm 2025.1 全新升级,深度支持 PHP 8.3+/8.4,强化 AI 助手、Xdebug 调试与 .env 嵌套变量,提升全栈开发效率,打造现代化 PHP 开发利器。
299 0
详细教程 PhpStorm 2025.1 安装+ 激活中文配置,附安装包
|
4月前
|
JSON 监控 数据挖掘
抖音电商 API 接口:抖音平台电商活动热度实时监测
抖音电商API接口助力实时监测活动热度,支持商品销量、用户互动等数据获取,帮助商家优化营销策略,提升平台用户体验。
340 0
|
存储 SQL 关系型数据库
MySQL一张表最多能存多少数据?
MySQL一张表最多能存多少数据?
MySQL一张表最多能存多少数据?
|
6月前
|
存储 关系型数据库 MySQL
MySQL覆盖索引解释
总之,覆盖索引就像是图书馆中那些使得搜索变得极为迅速和简单的工具,一旦正确使用,就会让你的数据库查询飞快而轻便。让数据检索就像是读者在图书目录中以最快速度找到所需信息一样简便。这样的效率和速度,让覆盖索引成为数据库优化师傅们手中的尚方宝剑,既能够提升性能,又能够保持系统的整洁高效。
174 9
|
Ubuntu Python CDN
Ubuntu将自建服务配置开机启动项
在Ubuntu上设置Python Flask应用为开机启动服务,需要通过Systemd进行管理。首先,创建并编辑Systemd服务单元文件,指定`ExecStart`为Python解释器及Flask入口脚本,`WorkingDirectory`为应用目录,`User`和`Group`为运行用户,以及必要的环境变量。然后,使用`systemctl`命令进行daemon-reload,启用并启动服务。最后,检查服务状态以确保启动成功。重启机器测试,确认应用能自动启动。
668 5
|
Java
java将输入的数字金额转换为中文大写金额
java将输入的数字金额转换为中文大写金额
1351 1