表单form内的button按钮自动提交的问题

本文讨论了在HTML表单中使用按钮提交数据时遇到的问题,包括使用`<button>`标签与JavaScript函数调用的注意事项。文章指出,为了避免混淆,推荐使用`<input type=button>`标签。同时,文章解释了为何某些函数名可能导致表单提交失败,并提供了修改函数名后的成功案例。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

     写一个页面,有一个表单,由于对表单提交操作不熟悉,我是通过一个button点击,调用JS函数,然后在函数里操作表单的数据并提交:

<form>

……

<buttonclass="btn btn-default"onclick="javascript:submit('save.php')">提交</button>

……

</form>

      JS函数执行之后,按我的意思应该是执行一定功能之后跳转到另一个页面,但是代码如上好像是将我的表单提交了,并没有起到按钮的作用。而将<button>标签移到<form>外就能达到效果。
      1.百度解决方案,说在button中加入 type="button"属性就可以了,尝试之后无效。
      2.基本同样道理,说用 <input type="button">标签代替button,呵呵,所以同理的,无效。
      3.最后找到问题所在,因为我调用的JS函数名字有问题,可能是submit这种类似关键字什么的,不能使用,改换了函数名之后,上面两种方法都有效了。同样还有我名为delete()的函数,名字也不能用;之前数据库里的条目也曾因为命名而出问题。
 
      根据前辈们的总结,在表单了为了避免不必要的麻烦,button都应用input的标签代替比较好。
 
pS:  使用第一种就可以实现效果
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值