form中只有一个input按回车键表单会自动提交

form中只有一个input按回车键表单会自动提交

在一个form表单中，若只有一个input，按回车键表单会自动提交，但是当表单中存在多个input时，按回车键不会执行任何操作，这是form表单的一个特性，那么如何防止它的自动提交呢？这里提供三种方法。

第一种方法，把表单去掉，这是最管用，但也是最傻的方法，直接添加onclick事件，不用表单提交，这种方法就不赘述了。

第二种方法，很多人估计都想到过，就是既然一个input会自动提交，多个input就没问题，那么我给它多加一个input不就行了，有些人试过发现不行，那是为什么呢？

因为他是这么写的<inputtype="hidden">，这样当然不行，一个隐藏域，type并不是text，所以不行。

但是，<inputtype="text"style="display:none;">，使用这种方法就可以了，因为它是用样式隐藏输入框的，实质上还是一个type为text的input。

第三种方法，这种方法很好用，直接对form进行操作，个人推荐这种方式。直接在form上加上 οnsubmit="returnfalse;"这段话，它会阻止表单的回车键进行提交。

例：<formaction=""method="post"οnsubmit="returnfalse;">

第四种方法，这种方法是直接对input进行操作，强行将回车键操作去掉，这种方式也不错，在input上加一个onkeydown事件， οnkeydοwn="if(event.keyCode==13){returnfalse;}"，阻止回车键的操作。

例： <inputtype="text"οnkeydοwn="if(event.keyCode==13){returnfalse;}">

以上四种方法都可以防止表单中只有一个input时，按回车键会自动提交表单的问题。

若你还有其他方法解决这个问题，欢迎在下方留下你的方式，大家一起讨论，一起进步，做一只有梦想的网虫！

转载自；http://blog.sina.com.cn/s/blog_13887bf130102x02k.html