button写在form内,点击会自动提交表单?

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

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

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


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

解决方法:

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

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

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

维尼聚合工具


评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值