网页两次提交问题

以前在项目中，帮别人找一个问题，花了很长时间。前两天又一个同事出现了同样问题，所以记下BLOG，供有需之人查阅。

表单中，有一个<input type=image  οnclick="document.forms[0].submit()">。但发现老是提交了两次代码，开始以为后台业务逻辑有问题，检查不出来，又检查我们的技术框架，但发现就这一个模块有问题。最后才发现是页面提交了两次。

因为 input:image = input:submit，单击会自动触发form::submit，而这个页面捕获了click后强制submit了form，之后浏览器又提交了一次。

改进方法：1、临时简单的方法：在οnclick="document.forms[0].submit()"后加上：return false

                    2、比较好的方法：使用HTC控制表单，在form时submit时记录下状态，如果发现短时间内连续提交，则提示客户：不允许连续提交表单。

                    3、其它方案（没实验）：用HTC控制表单，在form::submit时，自动将此表单内的input:submit和input:image设置为不可用状态。需要考虑到form.target属性。