码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2018-12-28 16:01:17      阅读:268      评论:0      收藏:0      [点我收藏+]

标签:code   遇到   处理   解决方法   自动   ret   添加   基本   hexo   

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表单自动提交问题解决办法

标签:code   遇到   处理   解决方法   自动   ret   添加   基本   hexo   

原文地址:https://www.cnblogs.com/manastudent/p/10190936.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!