关于自动提交表单BUG的一些心得
2013-05-13 19:07
295 查看
今天又遇到个小问题,单击<input type='image'>的时候会伴随着页面提交。
由于本来就写有onclick事件,所以在具体是什么导致页面提交上纠缠了好半天。最后用排除法,把整个页面的其他东西一点点删除来排查。发现在只剩form和<input type='image'>的时候还是会提交,把form去掉就不会了。觉得可能是type='image'和type='submit'有同样的效果吧。同事提供了个很好的解决方案,就是在onclick事件中让它返回false。具体写成如下这样,就不会再提交表单了:
<input type='image' onclick="return false;">
然后上网查了下,image的描述是“创建一个图像控件,该控件单击后将导致表单立即被提交。”。不知道谁设计的,太有创意了,要不是试出来,打死我也想不到啊。
由于本来就写有onclick事件,所以在具体是什么导致页面提交上纠缠了好半天。最后用排除法,把整个页面的其他东西一点点删除来排查。发现在只剩form和<input type='image'>的时候还是会提交,把form去掉就不会了。觉得可能是type='image'和type='submit'有同样的效果吧。同事提供了个很好的解决方案,就是在onclick事件中让它返回false。具体写成如下这样,就不会再提交表单了:
<input type='image' onclick="return false;">
然后上网查了下,image的描述是“创建一个图像控件,该控件单击后将导致表单立即被提交。”。不知道谁设计的,太有创意了,要不是试出来,打死我也想不到啊。
相关文章推荐
- 今天的小bug , 表单按钮自动提交问题
- 关于button自动提交表单事件
- 关于google浏览器有时莫名自动提交表单的问题
- 关于button按钮自动提交表单刷新页面问题
- 关于使用bootstrapValidator的自动提交表单问题
- 关于在使用表单提交时间到后台,提交的时间的类型的一些解决方法(主要针对oracle数据库)
- 关于form表单底下 button自动提交表单的问题
- zf-关于表单不能提交的bug修改
- 关于表单回车自动提交的讨论
- 关于焦点处于input框内,按回车自动提交表单
- form 表单,点击按钮,自动刷新提交的bug
- 关于Jquery表单校验,jQuery.ajaxFileUpload,vm表单提交的一些总计及写法
- 关于表单防重复提交一些东东
- 关于 回车自动提交表单
- Html 中表单提交的一些知识总结——防止表单自动提交,以及submit和button提交表单的区别
- 关于c#的webbrows控件自动填写表单并获取提交后的网页内容
- Firefox浏览器关于submit提交表单时提交两次的bug
- 一些关于HTTP协议、表单和……的备忘
- 忆龙2009:用C#如何自动提交网页表单
- 关于pthread里面一些函数的使用心得! http://blog.csdn.net/lishuhuakai/article/details/12010229