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

前端之家收集整理的这篇文章主要介绍了如何防止INPUT按回车自动提交表单FORM前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

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

<Meta charset="UTF-8"> test

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

<Meta charset="UTF-8"> test

<Meta charset="UTF-8"> test

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

<Meta charset="UTF-8"> test

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

增加一个隐藏的input。

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

以上所述是小编给大家介绍的防止INPUT按回车自动提交表单FORM的方法。编程之家 jb51.cc 收集整理的教程希望能对你有所帮助,如果觉得编程之家不错,可分享给好友!感谢支持

原文链接:https://www.f2er.com/js/43837.html

猜你在找的JavaScript相关文章