layui的普通按钮当成了提交按钮

最新推荐文章于 2024-05-03 11:55:08 发布
最新推荐文章于 2024-05-03 11:55:08 发布
阅读量280 收藏
点赞数
文章标签： layui
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_45045083/article/details/114434842
版权

layui的按钮默认会是提交

今天不辱使命，又写出了一个bug，真好😂😂😂

看下方图片可以看到问题所在

在这里插入图片描述
不错把我的一个按钮当做提交的按钮，因为有非空验证，那么下面这张图就更直观的看到了问题所在
在这里插入图片描述
看到最后可以看到，当做了非空验证的输入框为空时，点击添加的按钮则会提示信息，那么看到源码的时候就会明白，刚接触，不是太懂layui，最后发现是type的属性没写，最后修改后就可以了，真的是要处处小心😂😂😂😂😂
在这里插入图片描述
修改后的代码
在这里插入图片描述






昨日已逝 明日未知
A stubborn young man
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
关于layui表单中按钮自动提交的解决方法
10-16
今天小编就为大家分享一篇关于layui表单中按钮自动提交的解决方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
解决layui表单中按钮自动提交的问题
热门推荐
Mirror_r的博客
07-09 1万+
layui表单中的按钮会自动提交，这是一个很麻烦的事情。 这几天项目中多次用到表单按钮，仔细研究了下，找到了解决办法： 1、如果不需要放在表单中的按钮，最好不要放在表单中，不在layui的form中的按钮就不会进行自动提交了； 2、放在表单中的按钮可以通过js中的回调函数里添加 return false制止。filter中的参数指的是按钮中的lay-filter属性中的值，这个可以自己随便设...
layui按下回车键提交表单
qq_40787608的博客
04-08 3767
layui默认的提交表单的方式submit(filter) layui.use(['form'],function () { var form = layui.form; form.on('submit(login)',function (data) { ajaxPost('/a/login',data.field,'/a/index') }) }) layui提供的提交表单方式需要我们点击button才能提交表单，有时候我们
layui踩坑记录之form表单下的button按钮默认自动提交
acoolgiser的博客
07-21 1827
因此，当我们在使用form的时候，如果没有添加标准的提交按钮，会自动默认把其他的普通按钮认为是提交按钮，因为button的type默认值为“submit”。其实就是使用form的时候，应该对应有一个提交按钮，配套使用。其他功能按钮相加多少就加多少，但是必须要有一个提交按钮。2.在不需要提交的场景使用form时尽量使用a标签按钮来代替button，比如筛选功能中的查询按钮；1.在form中使用button时添加type属性：button、submit、reset；layui的官网说的也是比较清楚的，通过。
layui使用初步入门
weixin_45799833的博客
07-12 1953
java
layui弹出层按钮提交iframe表单的方法
01-19
如下所示： layer.open({ id: 'LAY_layuipro', //设定一个id，防止重复弹出 ... var inputForm = $(window.frames[layui-layer-iframe + index].document).contents().find(#userForm); inputForm.
解决layui页面按钮点击无反应,也不报错的问题
10-16
今天小编就为大家分享一篇解决layui页面按钮点击无反应,也不报错的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
在Layui中实现开关按钮的效果实例
10-16
今天小编就为大家分享一篇在Layui中实现开关按钮的效果实例，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
layui中禁用div标签等操作
小二丶的博客
04-29 604
layui div 框架 div内的子元素 按钮 等 功能禁用
解决layui的bug 在layui tree 组件中 禁用选中父节点后自动选中子节点功能
小熊猫
05-03 513
用这句代码，进行自动勾选的时候，父节点被勾选，下面的子节点，会全部被勾选，这会造成错误，需要对layui.js（layui-tree.js）进行一个调整。tree 组件，发现选中了父节点后，自动选中了子节点。不满足现实业务需求。所以微调了下源代码。我们搜索 this.disabled || (this.checked = l) 然后将它注释掉。在用树形组件中，在用文档中。，版本很重要，不同版本不一样。最近做权限管理后台，用了。
基于matlab实现实现了基于项目的协同过滤代码，MATLAB实现.rar
05-04
基于matlab实现实现了基于项目的协同过滤代码，MATLAB实现.rar
各地区年末城镇登记失业人员及失业率.xls
最新发布
05-05
数据来源：中国劳动统计NJ-2023版
企业固定资产信息管理系统设计与实现.doc
05-04
企业固定资产信息管理系统设计与实现.doc
node-v11.14.0-darwin-x64.tar.xz
05-04
Node.js，简称Node，是一个开源且跨平台的JavaScript运行时环境，它允许在浏览器外运行JavaScript代码。Node.js于2009年由Ryan Dahl创立，旨在创建高性能的Web服务器和网络应用程序。它基于Google Chrome的V8 JavaScript引擎，可以在Windows、Linux、Unix、Mac OS X等操作系统上运行。 Node.js的特点之一是事件驱动和非阻塞I/O模型，这使得它非常适合处理大量并发连接，从而在构建实时应用程序如在线游戏、聊天应用以及实时通讯服务时表现卓越。此外，Node.js使用了模块化的架构，通过npm（Node package manager，Node包管理器）,社区成员可以共享和复用代码，极大地促进了Node.js生态系统的发展和扩张。 Node.js不仅用于服务器端开发。随着技术的发展，它也被用于构建工具链、开发桌面应用程序、物联网设备等。Node.js能够处理文件系统、操作数据库、处理网络请求等，因此，开发者可以用JavaScript编写全栈应用程序，这一点大大提高了开发效率和便捷性。 在实践中，许多大型企业和组织已经采用Node.js作为其Web应用程序的开发平台，如Netflix、PayPal和Walmart等。它们利用Node.js提高了应用性能，简化了开发流程，并且能更快地响应市场需求。
node-v8.9.1-sunos-x64.tar.xz
05-04
Node.js，简称Node，是一个开源且跨平台的JavaScript运行时环境，它允许在浏览器外运行JavaScript代码。Node.js于2009年由Ryan Dahl创立，旨在创建高性能的Web服务器和网络应用程序。它基于Google Chrome的V8 JavaScript引擎，可以在Windows、Linux、Unix、Mac OS X等操作系统上运行。 Node.js的特点之一是事件驱动和非阻塞I/O模型，这使得它非常适合处理大量并发连接，从而在构建实时应用程序如在线游戏、聊天应用以及实时通讯服务时表现卓越。此外，Node.js使用了模块化的架构，通过npm（Node package manager，Node包管理器）,社区成员可以共享和复用代码，极大地促进了Node.js生态系统的发展和扩张。 Node.js不仅用于服务器端开发。随着技术的发展，它也被用于构建工具链、开发桌面应用程序、物联网设备等。Node.js能够处理文件系统、操作数据库、处理网络请求等，因此，开发者可以用JavaScript编写全栈应用程序，这一点大大提高了开发效率和便捷性。 在实践中，许多大型企业和组织已经采用Node.js作为其Web应用程序的开发平台，如Netflix、PayPal和Walmart等。它们利用Node.js提高了应用性能，简化了开发流程，并且能更快地响应市场需求。
node-v12.10.0-linux-armv7l.tar.xz
05-04
Node.js，简称Node，是一个开源且跨平台的JavaScript运行时环境，它允许在浏览器外运行JavaScript代码。Node.js于2009年由Ryan Dahl创立，旨在创建高性能的Web服务器和网络应用程序。它基于Google Chrome的V8 JavaScript引擎，可以在Windows、Linux、Unix、Mac OS X等操作系统上运行。 Node.js的特点之一是事件驱动和非阻塞I/O模型，这使得它非常适合处理大量并发连接，从而在构建实时应用程序如在线游戏、聊天应用以及实时通讯服务时表现卓越。此外，Node.js使用了模块化的架构，通过npm（Node package manager，Node包管理器）,社区成员可以共享和复用代码，极大地促进了Node.js生态系统的发展和扩张。 Node.js不仅用于服务器端开发。随着技术的发展，它也被用于构建工具链、开发桌面应用程序、物联网设备等。Node.js能够处理文件系统、操作数据库、处理网络请求等，因此，开发者可以用JavaScript编写全栈应用程序，这一点大大提高了开发效率和便捷性。 在实践中，许多大型企业和组织已经采用Node.js作为其Web应用程序的开发平台，如Netflix、PayPal和Walmart等。它们利用Node.js提高了应用性能，简化了开发流程，并且能更快地响应市场需求。
基于VB实现的学生成绩管理系统(源代码+系统+开题报告+答辩PPT).zip
05-04
【作品名称】：基于VB实现的学生成绩管理系统(源代码+系统+开题报告+答辩PPT) 【适用人群】：适用于希望学习不同技术领域的小白或进阶学习者。可作为毕设项目、课程设计、大作业、工程实训或初期项目立项。
layui form表单点击按钮提交数据
07-14
在layui中，可以使用form模块来处理表单的提交操作。以下是一个示例代码，演示如何在点击按钮时提交表单数据： HTML代码： ```html <form class="layui-form" action=""> <div class="layui-form-item"> ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值