遇到的一个Form表单自动提交问题解决办法

Posted 一任阶前、点滴到天明

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了遇到的一个Form表单自动提交问题解决办法相关的知识,希望对你有一定的参考价值。

Form 表单中只有一个 input 元素时按回车会默认提交表单。有的时候我们希望按回车可以进行列表查询,但是查询后表单被自动提交了,然后刷新了整个页面。这个时候就需要对这个 Form 表单处理一下以满足在只有一个 input 元素时也能回车查询。

基本表单如下:

<html>
    <head></head>
    <body>
        <form action=‘XXX‘ name=‘searchForm‘ method=‘post‘>
           查询: <input type=‘text‘ />
        </form>
    </body>
</html>

解决方法有以下几种:
1.添加一个无用的 input 框

<input type=‘text‘ style=‘display: none;‘ />

2.阻止表单的回车键进行提交

<form action=‘XXX‘ name=‘searchForm‘ method=‘post‘ onsubmit=‘return false‘>

date: 2018-02-27 11:18:05
本文由个人 hexo 博客 co2fe.com 迁移

以上是关于遇到的一个Form表单自动提交问题解决办法的主要内容,如果未能解决你的问题,请参考以下文章

springMVC中表单提交出现400解决办法

jsp开发遇到的几个问题与解决办法

form表单自动提交

如何给动态添加的form表单控件添加表单验证

苹果手机微信上form表单提交的问题

阻止 form 回车 自动提交