关于layui表单中按钮自动提交的解决方法


Posted in Javascript onSeptember 09, 2019

layui表单中的按钮会自动提交,这是一个很麻烦的事情。

这几天项目中多次用到表单按钮,仔细研究了下,找到了解决方法:

1、如果不需要放在表单中的按钮,最好不要放在表单中,不在layui的form中的按钮就不会进行自动提交了;

2、放在表单中的按钮可以通过js中的回调函数里添加 return false制止。filter中的参数指的是按钮中的lay-filter属性中的值,这个可以自己随便设。

比如:

form.on('submit(filter)',function(data){
  ......
  return false;
});

但是,这里有一个很容易忽视的问题:如果按钮中没有添加lay-submit属性,layui的form.on的表单提交监听不到这个按钮,那么return false对提交的制止也就失效了。

3、还有一种方法,就是使用a标签做成的按钮来替代button。

````````````````````````````````````````````````````````````````````````````````

4、感谢评论区大佬的指正:

button的type设置为button就不会自动提交,默认是submit,此时就会自动提交。

以上这篇关于layui表单中按钮自动提交的解决方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
javascript实现相同事件名称,不同命名空间的调用方法
Jun 26 Javascript
jQuery中$(function() {});问题详解
Aug 10 Javascript
Jquery1.9.1源码分析系列(六)延时对象应用之jQuery.ready
Nov 24 Javascript
快速学习AngularJs HTTP响应拦截器
Dec 31 Javascript
AJAX和jQuery动态加载数据的实现方法
Dec 05 Javascript
jQuery使用正则表达式替换dom元素标签用法示例
Jan 16 Javascript
随机生成10个不重复的0-100的数字(实例讲解)
Aug 16 Javascript
动手写一个angular版本的Message组件的方法
Dec 16 Javascript
对vue中v-if的常见使用方法详解
Sep 28 Javascript
2019 年编写现代 JavaScript 代码的5个小技巧(小结)
Jan 15 Javascript
JQuery animate动画应用示例
May 14 jQuery
vue+animation实现翻页动画
Jun 29 Javascript
layui原生表单验证的实例
Sep 09 #Javascript
layui的表单提交以及验证和修改弹框的实例
Sep 09 #Javascript
layui插件表单验证提交触发提交的例子
Sep 09 #Javascript
Node.js之删除文件夹(含递归删除)代码实例
Sep 09 #Javascript
layer.confirm点击第一个按钮关闭弹出框的方法
Sep 09 #Javascript
微信小程序 wx:for遍历循环使用实例解析
Sep 09 #Javascript
layer关闭当前窗口页面以及确认取消按钮的方法
Sep 09 #Javascript
You might like
PHP 编程安全性小结
2010/01/08 PHP
UCenter 批量添加用户的php代码
2012/07/17 PHP
PHP FATAL ERROR: CALL TO UNDEFINED FUNCTION BCMUL()解决办法
2014/05/04 PHP
yii2.0整合阿里云oss的示例代码
2017/09/19 PHP
Javascript 加载和执行-性能提高篇
2012/12/28 Javascript
div浮层,滚动条移动,位置保持不变的4种方法汇总
2013/12/11 Javascript
js使下拉列表框可编辑不止是选择
2013/12/12 Javascript
jQuery实现统计输入文字个数的方法
2015/03/11 Javascript
在for循环中length值是否需要缓存
2015/07/27 Javascript
JS使用parseInt解析数字实现求和的方法
2015/08/05 Javascript
JQuery datepicker 用法详解
2015/12/25 Javascript
js为什么不能正确处理小数运算?
2015/12/29 Javascript
让图片跳跃起来  javascript图片轮播特效
2016/02/16 Javascript
ReactJs快速入门教程(精华版)
2016/11/28 Javascript
bootstrap table配置参数例子
2017/01/05 Javascript
微信小程序中多个页面传参通信的学习与实践
2017/05/05 Javascript
angular4中关于表单的校验示例
2017/10/16 Javascript
Vue 实时监听窗口变化 windowresize的两种方法
2018/11/06 Javascript
浅谈Vue.set实际上是什么
2019/10/17 Javascript
JS时间戳与日期格式互相转换的简单方法示例
2021/01/30 Javascript
[01:21:07]EG vs Liquid 2018国际邀请赛淘汰赛BO3 第一场 8.25
2018/08/29 DOTA
[09:13]DOTA2-DPC中国联赛 正赛 Ehome vs Magma 选手采访 1月19日
2021/03/11 DOTA
基于python实现的抓取腾讯视频所有电影的爬虫
2016/04/22 Python
Python随机生成均匀分布在单位圆内的点代码示例
2017/11/13 Python
python中最小二乘法详细讲解
2021/02/19 Python
HTML5 Canvas 实现圆形进度条并显示数字百分比效果示例
2017/08/18 HTML / CSS
HelloFresh澳大利亚:订购你的美味食品盒、健康餐食
2018/03/28 全球购物
上海奥佳笔试题面试题
2016/11/16 面试题
竟聘演讲稿范文
2013/12/31 职场文书
毕业生个人求职自荐信
2014/02/26 职场文书
化学系大学生自荐信范文
2014/03/01 职场文书
2014年预备党员学习两会心得体会
2014/03/17 职场文书
化学教育专业自荐信
2014/07/04 职场文书
城市规划应届生推荐信
2014/09/08 职场文书
医院办公室主任岗位职责
2015/04/01 职场文书
win11系统中dhcp服务异常什么意思? Win11 DHCP服务异常修复方法
2022/04/08 数码科技