遇到的一个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表单自动提交问题解决办法的主要内容,如果未能解决你的问题,请参考以下文章