HTML防止input回车提交表单

╰半夏微凉° 2023-10-17 17:44 69阅读 0赞

解决方案：

1.解决单个输入框的回车即提交问题，可以增加一个隐藏的input="text" display='none'; 然后type类型为button。

<form action="www.baidu.com" method="post">  
        <input type="text" value="" />  
        <input type="text" value="" />  
        <button type="button">提交</button>  
          
    </form>

2.在form表单或input中加入：οnkeydοwn="if(event.keyCode==13)\{return false;\}"

<form action="www.baidu.com" method="post">  
        <input type="text" value="" οnkeydοwn="if(event.keyCode==13){return false;}"/>  
        <input type="text" value="" οnkeydοwn="if(event.keyCode==13){return false;}"/>  
        <button>提交</button>  
          
    </form>

注意：return false;如果写在form上，那么textarea 不能换行，所以选择写在input上

原文：http://blog.csdn.net/ligang2585116/article/details/44699567

发表评论取消回复

表情：

评论列表（有 0 条评论，69人围观）

还没有评论，来说两句吧...

相关阅读

相关防止表单重复提交

什么是表单重复提交：由于网速问题，用户不端点击提交按钮，或者刷新页面。或，已经提交成功，用户点击后退，然后恶意刷新页面形成重复提交的问题。一）、令牌机制：在struts

╰半橙微兮°/ 2024年02月17日 22:50/ 0 赞/ 73 阅读

相关 HTML防止input回车提交表单

解决方案： 1.解决单个输入框的回车即提交问题，可以增加一个隐藏的input="text" display='none'; 然后type类型为button。

╰半夏微凉°/ 2023年10月17日 17:44/ 0 赞/ 70 阅读

相关表单重复提交（token防止表单重复提交）

1. 表单提交页面 <% String uuid=UUID.randomUUID.toString(); session.setAttrib

ゝ一纸荒年。/ 2023年07月03日 06:29/ 0 赞/ 35 阅读

相关 session防止表单重复提交

有一个生成表单号的sevlet public class FormServlet extends HttpServlet { private static

阳光穿透心脏的1/2处/ 2022年08月12日 05:29/ 0 赞/ 266 阅读

相关屏蔽表单中的input回车提交

一句话，上代码： <input type="text" name="username" value="" class="username" οnkeypress="i

妖狐艹你老母/ 2022年08月06日 01:08/ 0 赞/ 224 阅读

相关 JS回车提交表单

JavaScript实现方法 document.onkeydown = function(e) { if (!e) e

柔光的暖阳◎/ 2022年08月03日 14:42/ 0 赞/ 276 阅读

相关防止INPUT回车自动提交FORM表单

在做广菲克项目里的一个修改功能时，发现form表单里只有一个input时，按回车form就自动提交了。 form中的input只有一个，input获得焦点时按回车会fo

「爱情、让人受尽委屈。」/ 2022年07月14日 09:51/ 0 赞/ 638 阅读

相关防止表单重复提交

开发的项目中可能会出现下面这些情况： 1. 由于用户误操作，多次点击表单提交按钮。 2. 由于网速等原因造成页面卡顿，用户重复刷新提交页面。 3. 黑客或恶意用户使用p

深藏阁楼爱情的钟/ 2022年04月03日 14:14/ 0 赞/ 440 阅读

相关 php防止表单重复提交

后端防止重复提交的基本原理: 服务器返回表单页面时，会先生成一个subToken保存于session，并把该subToen传给表单页面。当表单提交时会带上subToken，

青旅半醒/ 2022年01月17日 10:47/ 0 赞/ 414 阅读

相关 form表单回车提交问题

我们有时候希望回车键敲在文本框（input element）里来提交表单（form），但有时候又不希望如此。比如搜索行为，希望输入完关键词之后直接按回车键立即提交表单，而有些复

灰太狼/ 2021年05月12日 11:50/ 0 赞/ 711 阅读