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

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了关于layui表单中按钮自动提交的解决方法，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含928字，纯文字阅读大概需要2分钟。

内容图文

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表单中按钮自动提交的解决方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。

内容总结

以上是互联网集市为您收集整理的关于layui表单中按钮自动提交的解决方法全部内容，希望文章能够帮你解决关于layui表单中按钮自动提交的解决方法所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

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

内容手机端

---