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

最新推荐文章于 2023-02-22 11:19:30 发布

weixin_30539835

最新推荐文章于 2023-02-22 11:19:30 发布

阅读量511

点赞数

原文链接：http://www.cnblogs.com/manastudent/p/10190936.html

版权

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 迁移

转载于:https://www.cnblogs.com/manastudent/p/10190936.html

weixin_30539835

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
遇到的一个Form表单自动提交问题解决办法

Form 表单中只有一个 input 元素时按回车会默认提交表单。有的时候我们希望按回车可以进行列表查询，但是查询后表单被自动提交了，然后刷新了整个页面。这个时候就需要对这个 Form 表单处理一下以满足在只有一个 input 元素时也能回车查询。基本表单如下:<html> <head></head> <body> ...
复制链接

扫一扫