当前位置: 代码迷 >> Web前端 >> Form表单自动交付总结
  详细解决方案

Form表单自动交付总结

热度:123   发布时间:2012-10-05 15:34:34.0
Form表单自动提交总结

?

???????? 项目开发过程中遇见了个怪异的问题:form表单下有两个文本框,但是只有第一个回车自动提交,第二个失效。于是针对问题,google了下,总结下form回车提交。

?

1、默认情况下,form表单中只有一个文本框,则不管type是button还是submit,回车后都自动提交;

如果想要阻止回车自动提交,加一个隐藏的文本框即可。


2、 只要有type为submit的按钮存在,一个文本框还是多个文本框都提交(于是前面遇到的问题就很好解决了,加上一个隐藏的submit就行了)

?

3、多个文本框的时候,不提交,用type为button的按钮

?

4、 用button元素时,FF和IE下有不同的表现

??????? radio和checkbox在FF下也会触发提交表单,在IE下不会

??????? type为image的按钮,等同于type为submit的效果

?

??????? 5、form表单中的onsubmit句柄会在表单提交之前执行,所以可以在这里控制(return false,表单不会提交)


?6、在onkeydown上直接使用js进行回车键的判断:

if (event.keyCode == 13) {
   //func
}
??

?

  相关解决方案