关于layui表单中按钮自动提交的解决方法
更新时间：2019年09月09日 15:32:08 作者：Mirror_Y
今天小编就为大家分享一篇关于layui表单中按钮自动提交的解决方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
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表单中按钮自动提交的解决方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
这篇文章主要介绍了js实现压缩上传图片base64长度功能,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2019-12-12
在JavaScript开发中,异步编程是一个无法避免的话题,本文主要介绍了js中async/await与Promise的区别,具有一定的参考价值,感兴趣的可以了解一下2024-04-04
这篇文章主要为大家详细介绍了小程序获取手机验证码倒计时的方法，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下<BR>2022-08-08
这篇文章主要介绍了微信小程序实现两个页面传值的方法,结合实例形式分析了微信小程序URL跳转及页面传值相关操作技巧与注意事项,需要的朋友可以参考下2018-12-12
这篇文章主要带领大家学习JavaScript鼠标响应事件，为大家分享了一个简单的鼠标模拟案例，感兴趣的小伙伴们可以参考一下2015-12-12
JavaScript设计模式之观察者模式(发布订阅模式)原理与实现方法示例
这篇文章主要介绍了JavaScript设计模式之观察者模式(发布订阅模式)原理与实现方法,结合实例形式分析了JavaScript观察者模式概念、原理、使用方法及相关操作注意事项,需要的朋友可以参考下2018-07-07
这篇文章主要给大家介绍了关于js中apply和call的理解与使用方法，文中通过示例代码介绍的非常详细，对大家学习或者使用js具有一定的参考学习价值，需要的朋友们下面来一起学习学习吧2019-11-11
javascript getElementsByClassName函数
今天在脚本中应用到了根据类名取元素的方法，却对其效率不甚满意。于是，小幅修改了其探测元素类名的方法，提升了约3成的效率.2010-04-04
这篇文章主要介绍了js Math数学简单使用,结合实例形式分析了js Math数学相关函数的基本用法与操作注意事项,需要的朋友可以参考下2020-03-03
任何一对花括号中的语句集都属于一个块，在这之中定义的所有变量在代码块外都是不可见的，我们称之为块级作用域2014-09-09
最新评论