在一个form表单中,若只有一个input,按回车键表单会自动提交,但是当表单中存在多个input时,按回车键不会执行任何操作,这是form表单的一个特性,那么如何防止它的自动提交呢?
这里提供四种方法。
第一种方法,把表单去掉,这是最管用,但也是最傻的方法,直接添加onclick事件,不用表单提交,这种方法就不赘述了。
因为他是这么写的<input type="hidden">,这样当然不行,一个隐藏域,type并不是text,所以不行。
但是,<input type="text" style="display: none;">,使用这种方法就可以了,因为它是用样式隐藏输入框的,实质上还是一个type为text的input。
例:<form action="" method="post" onsubmit="return false;">
第四种方法,这种方法是直接对input进行操作,强行将回车键操作去掉,这种方式也不错,在input上加一个onkeydown事件,onkeydown="if(event.keyCode==13){return false;}",阻止回车键的操作。
例:<input type="text" onkeydown="if(event.keyCode==13){return false;}">
本文介绍四种方法来防止表单中仅有一个输入框时按回车键自动提交的问题,包括添加隐藏输入框、修改form属性等。

3386

被折叠的 条评论
为什么被折叠?



