如何防止INPUT按回车自动提交表单FORM

2022-01-14,,,,

为了防止INPUT按回车form自动提交,可以以下两种方法:增加一个隐藏的input。为input增加一个按键事件来阻止form提交。具体详情可以参考下本文

form中的input只有一个,input获得焦点时按回车会form自动提交:

   test  

有多个input时(不管是否是隐藏的),任意一个input获得焦点都不会提交。

   test  

   test  <!-- 这里是通过样式隐藏,不等于 ,使用type="hidden"同样会提交 -->

单个input时,通过事件阻止form提交:

   test  

所以,为了防止INPUT按回车form自动提交,可以以下两种方法:

增加一个隐藏的input。

为input增加一个按键事件来阻止form提交。

以上就是如何防止INPUT按回车自动提交表单FORM的详细内容,更多请关注本站其它相关文章!

《如何防止INPUT按回车自动提交表单FORM.doc》

下载本文的Word格式文档,以方便收藏与打印。