转载： 如何让form表单在enter键入时不提交

 

1.form表单回车后自动提交总结

        默认情况下，一个文本框的时候，提交，不管按钮type是submit还是button

        一个文本框的时候怎么才能做到不提交，方法是加一个隐藏掉的文本框

       只要有type为submit的按钮存在，一个文本框还是多个文本框都提交

       多个文本框的时候，不提交，用type为button的按钮就行啦

       用button元素时，FX和IE下有不同的表现

        radio和checkbox在FX下也会触发提交表单，在IE下不会

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

 

2. 如果 onsubmit 句柄返回 fasle，表单的元素就不会提交。如果该函数返回其他值或什么都没有返回，则表单会被提交。

        由于 onsubmit 句柄可以取消表单的提交，所以它对于进行表单验证是十分理想的；

        这样的话，修改form的onsubmit事件可以让敲入回车的时候执行我们想要的操作而不跳转到action所指定的url，如下：

        <form action="myurl" onSubmit="fun1();return false;">

        执行fun1后不会跳转，方便表单操作

3.使用onkeydown事件，如下：

        <input type="text"  onkeydown="if(event.keyCode==13){fun1();}"/>

        这样在文本输入框内输入文字后直接敲击回车，也会执行fun1函数

 

        有个疑问问下大家，onkeydown事件能为form或者div这样的元素注册吗，比如说

        <div onkeydown=" if(event.keyCode==13){fun1();} "></div>

        就是希望在焦点在div层的任何一个地方的时候，敲击回车活也执行fun1，而不是非要焦点在文本输入框的时候敲击回车才去执行fun1，那位清楚的探讨下，我试了下貌似不行

 

 

本文我的关注点： 

　　1、form标签中可以用 type="button" 和 type="submit" 来实现enter键提交

　　2、表单自动提交可以用 onsubmit="return false;" 来实现禁止自动提交