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

     写一个页面,有一个表单,由于对表单提交操作不熟悉,我是通过一个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:  使用第一种就可以实现效果

猜你喜欢

转载自gybin.iteye.com/blog/2275741