如何解决layui表单提交俩次

槽糕layui表单会提交俩次,你遇到过吗?

前言

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

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

一、起初操作

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

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

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

实现效果图一
实现效果图一
实现效果图二
实现效果图二

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

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

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

需要的js文件
需要的js文件

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

引入的js文件
引入的js文件

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

二、问题重现

添加一条数据

添加数据
添加数据

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

返回结果
返回结果

三、解决问题

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

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

js文件
js文件

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

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

layui.js文件
layui.js文件

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

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

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

坚持学习、坚持写博、坚持分享是咔咔从业以来一直所秉持的信念。希望在偌大互联网中咔咔的文章能带给你一丝丝帮助。我是咔咔,下期见。

以上就是如何解决layui表单提交俩次的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/3005358.html

(0)
上一篇 2025年3月13日 00:55:36
下一篇 2025年2月25日 00:30:39

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • layui代码修饰器不显示样式怎么解决

    导语: layui代码修饰器官方说明文档: https://www.layui.com/doc/modules/code.html (学习视频分享:编程视频) layui作为一款轻量前端框架对于我们这种非专业前端还是挺好用的。但是我在使用代…

    2025年3月13日 编程技术
    200
  • ie8 layui不兼容吗

    layui是兼容ie8的,但是不支持IE6/7;准确来说layui兼容人类正在使用的全部浏览器(IE6/7除外),可作为PC端后台系统与前台界面的速成开发方案。 本教程操作环境:Windows7系统、layui2.5.6版,Dell G3电…

    2025年3月13日 编程技术
    200
  • layui弹出层怎么使用

    layui弹出层的使用方法:首先引入jQuery1.8以上的任意版本;然后引入laery.js;最后通过“function show(){var a = layer.open({…});}”方式使用laery.open弹出层即可…

    2025年3月13日 编程技术
    200
  • layui 怎么导入Excel

    layui导入Excel的方法:首先在Github或者码云中下载layui-excel插件;然后引入jQuery和插件源代码,并通过全局变量“LAY_EXCEL”调用函数即可。 本教程操作环境:Windows7系统、layui-excel …

    2025年3月13日 编程技术
    200
  • layui 怎么引用

    layui的引用方法:首先下载layui;然后通过引入“layui.css”和“layui.js”两个文件;最后通过“layui.use()”方法完成需要使用的模块加载即可。 本教程操作环境:Windows7系统、layui2.5.6版,D…

    2025年3月13日
    200
  • layui怎么使用jquery

    layui使用jquery的方法:1、通过“layui.use(‘jquery’, function(){var $=layui.$…}”方式使用;2、通过“layui.use([‘form&…

    2025年3月13日
    200
  • layui框架怎么导出excel表格

    前言: 由于工作需要,需要使用到导出excel表格功能,后台管理使用的是layui框架。 (学习视频分享:编程入门) 看layui的官网社区论坛,很多人都说layui自带的导出功能,只能导出当前页面的数据。而且,部分的数据都是通过数据之间关…

    2025年3月13日
    200
  • 如何使用layui中的table模块中的基础参数

    导语: layui是由职业前端倾情打造,面向全层次的前后端开发者,低门槛开箱即用的前端 UI 解决方案。 layui 的 table模块是一个重头,在基础参数方面尽可能地做到友好,即:保证功能的前提而又避免过于繁杂的配置。基础参数一般出现在…

    2025年3月13日
    200
  • layui表单元素怎么校验

    思路: 我们只需要在表单元素上添加lay-verify即可完成对表单元素的校验。 layui提供了以下值: required(必填项)phone(手机号)email(邮箱)url(网址)number(数字)date(日期)identity(…

    2025年3月13日
    200
  • layui不支持ie兼容吗

    layui支持除了IE6/7的其他ie浏览器;准确来说layui兼容人类正在使用的全部浏览器,但是IE6/7除外,可作为PC端后台系统与前台界面的速成开发方案。 本文操作环境:Windows7系统、layui2.4、Dell G3电脑。 l…

    2025年3月13日 编程技术
    200

发表回复

登录后才能评论