首页 > 其他 > 详细

button写在form内,点击会自动提交表单?我只想执行自己的方法

时间:2020-10-20 00:43:20      阅读:30      评论:0      收藏:0      [点我收藏+]

把button写在form内,只想点击时执行自己定义的方法,但为什么会提交呢?

<form>
……
……
<button class="btn btn-success" onclick="refreshChannel()">刷新渠道</button>
</form>

当你这样写,可能你想只执行refreshChannel方法,但你点击时,页面会刷新,但url的“?”后面是空字符串,如果你进入该页面时传有一些参数,这肯定会导致一些问题的出现,因为“?”后面的参数全都没了,下面是原因及解决方法。

问题原因:type有三种类型,button,reset,submit,如果没有写type,即使写默认的type也是"submit",而不是你以为的"button"

解决方法:

1、写在form外,再写一个div,这样怎么点都不会提交表单并刷新页面

2、只改一下默认的type就好,所以,如果是非提交按钮,别忘写type

这样就OK啦!

作者:巴厘尚晴
链接:https://www.jianshu.com/p/f0f4492d4475
来源:简书
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。

button写在form内,点击会自动提交表单?我只想执行自己的方法

原文:https://www.cnblogs.com/cn-oldboy/p/13843795.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!