按下回车默认提交form表单问题

转载于 2017-05-22 11:17:00 发布 · 119 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/LFBlog/p/6888581.html

本文介绍了一种常见的form表单提交问题，即在输入框中按回车键时，表单会默认提交并刷新页面，而非调用查询方法。文章详细解释了原因，并提供了解决方案：在form表单内增加一个隐藏的type=text的<input>标签。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

最近开发中碰到一个问题，项目中有几个列表展示页面，允许用户通过查询条件模糊查询数据。用户录入关键字后点击回车会调用查询方法根据关键字查询，原先功能没有问题，但是最近发现在查询输入框中按下回车会直接刷新页面不调用查询方法。检查发现有人在查询模块新增了一个form表单，找了很多和form表单相关资料才发现当form表单内只有一个type=“text”类型的<input>标签时按下回车默认会提交form表单。解决方法很简单就是在form表单内新增一个隐藏的type="text"的<input>标签。

如下：

<form id="form3" method="post" enctype="multipart/form-data">
   <input type="text" style="display: none;"/>
</form>

转载于:https://www.cnblogs.com/LFBlog/p/6888581.html