form表单action按键盘enter提交问题

最新推荐文章于 2022-06-15 08:32:12 发布
最新推荐文章于 2022-06-15 08:32:12 发布
阅读量454 收藏
点赞数
分类专栏： js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/dandelion_lu/article/details/94566727
版权

前言：

当给form表单提交绑定 键盘事件时，会请求两个链接 ，一个是action上设置的，另一个是绑定事件中设置的请求链接。

解决方法：

οnsubmit="searchClick();return false;"

<form action="https://www.baidu.com/s"class="parent" οnsubmit="searchClick();return false;">

action设置的链接会失效，会执行searchClick();方法

起个锤子
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
form表单提交之Enter提交
weboof的博客
07-26 4344
通常情况下，我们在页面上操作输入框的时候，像搜索框，登录的时候，我们一般输入完成后喜欢直接enter去获取结果，然而尴尬的是当我们在注册的时候，则不喜欢每填完一个内容就enter提交了。其实根据业务的不同需要，需要我们去判断，在这之前需要我们去了解一下浏览器的一些默认行为，以下是总结的经验，亲测，可用。 如果表单里只有一个type=”text”的input，不管按钮是什么type(或有无提交按钮)，
form表单按enter提交的问题
qq_39979373的博客
10-23 449
如果表单里有一个type=”submit”的按钮，回车键生效。 如果表单里只有一个type=”text”的input，不管按钮是什么type，回车键生效。 如果不希望其按enter提交在form后面加入 onkeydown=”if(event.keyCode==13)return false;” <form action="add.action" method="post" onkeydown
【踩坑---Bug】单input的form表单键盘默认事件
Jayant89的博客
10-19 412
开发遇到一个情况，在包含单个input的form表单中，如果使用keyup监听回车事件，将会默认刷新表单，无法提交的所需要的内容 并且因此无法获取正确的数据相应； 解决方法： 1.隐式的安排多一个input框 &lt;input type="text" style="display:none"&gt; 2.监听keydown事件，而不是keyup，并且取消默认时间的发生 .dele...
form表单按回车键的提交
漠然
05-22 2448
 当form表单中只有一个显示的 input 框时，在输入框中按回车键，将会自动提交表单，如下例： 当焦点在输入框中，按回车键时，会自动提交；有时我们不希望回车自动提交，想使用自己定义的脚本函数提交表单，当按回车键时，自动调用处理函数；此时，增加form表单的onsubmit事件，如下代码： <!-- fu
表单按回车自动提交
weixin_30855761的博客
07-09 685
1、当form表单中只有一个<input type="text" name='name' />时按回车键将会自动将表单提交。 <form id='form1' action='a1.jsp' method='post'> <input type='text' name='name' /> </form> 再添加一个<input ...
如何防止INPUT按回车自动提交表单FORM
11-29
form中的input只有一个，input获得焦点时按回车会form自动提交： <!doctype html> <html> <head> <meta charset="UTF-8"> <title>test</title> </head> <body> <...
Form表单按回车自动提交表单的实现方法
09-01
首先，当一个`<form>`表单中只有一个`<input type="text">`标签时，按下回车键会自动触发表单的提交。这是因为浏览器的默认行为，它将回车键视为提交表单的信号。如果不想让表单在按回车时自动提交，可以采取以下两...
禁止按回车键提交表单的方法
09-03
在网页开发中，用户按下回车键通常会触发表单的提交操作，这在某些情况下可能会导致意外的结果，比如在搜索框中按回车可能会刷新整个页面。本文将详细讲解如何禁止用户通过回车键来提交表单，以避免这种不必要的行为...
表单的焦点顺序tabindex和对应enter键提交
12-04
表单的焦点tab键顺序：tabindex决定，如果值缺省，择按顺序 用户:<input name=”Text1″ type=”text” tabindex=”1″ /> 密码:<input name=”Password1″ type=”password” tabindex=”2″ >对应...
jsp中如何实现按下回车键自动提交表单
10-21
总结来说，通过JavaScript（或者使用库如jQuery）监听键盘事件，检查回车键的按键码，并在检测到回车键被按下时触发表单的提交，可以在JSP中实现按下回车键自动提交表单的功能。这样，用户无需手动点击提交按钮，只...
Form表单 回车(Enter)提交表单问题
qq_37609418的博客
06-15 7783
在Form表单中input会自动响应回车事件。这是表单的默认提交动作。表单的提交行为，可以用两种方式定义，一是form表单自身，二是form表单的button元素(包括type='submit’的input标签，以及type=‘submit’的button元素，button元素type为Submit)。而点击Enter键会触发form表单提交。这被称为隐式提交，如果要阻止回车键提交表单，可以在form标签内添加如下代码 ng-keydown 指令不会覆盖元素的原生 onkeydown 事件, 事件触发时，n
阻止form表单回车自动提交
m0_38038767的博客
09-08 2441
方法一： 在form标签中添加οnsubmit="return false;"，例如 <form class="" action="" onsubmit="return false;"></form> 方法二： 为要阻止回车提交的input标签添加οnkeydοwn属性，例如 <input onkeydown="if(event.keyCode == 13){ret...
html 源码_HTML实例之搜索栏（附源码）
weixin_39851872的博客
11-22 317
1. 简书类实现效果程序猿的生活：打造全网web前端全栈资料库（总目录）看完学的更快，掌握的更加牢固，你值得拥有（持续更新）​zhuanlan.zhihu.comhtml代码 <div class="container"> <form action="" class="parent"> <input type="text" class="sea...
HTML实例之搜索栏（附源码）
热门推荐
lin123_00的博客
05-19 5万+
1. 简书类 实现效果 打造全网web前端全栈资料库（总目录）看完学的更快，掌握的更加牢固，你值得拥有（持续更新） 更多相关视频： 0基础前端利用『HTML+CSS』制作你喜欢的暗黑破坏神网页开发：BV1C54y1X7ro 前端发展简史，功能以及未来趋势！（你值得观看）：BV1w5411s7e4 给想学编程又无从下手的小白一些建议：BV1Zf4y117ji 「HTML+CSS」实现妙笔千山播放器制作（思路讲解＋代码+成品效果）！：BV18p4y1Q7Y1 前端面试，跳槽必刷200+真面试
form点击提交和按enter键提交区别
weixin_44988848的博客
07-11 412
先看这张图，这是我在做项目时，写的一个订单功能模块，上面是这个模块的搜索栏，这里有多个条件进行动态查询。 细看就发现，这里不止一个提交按钮，共有5个，也就是有5个type=“submit” 举例： 输入想要查询的线路标题、姓名，然后点击查询按钮进行查询，没问题，查询很成功。 如果我们输入想要查询的线路标题、姓名，然后点击电脑的enter键，这时候就出问题了，首先我们点击enter键，就是想要触发查询按钮，进行查询，但是实际上却不是，这是因为，enter键会默认触发第一个submit，也就是昨日这个键，而不.
javascript 回车键触发表单提交的问题
WEBCODE
09-09 270
转载：http://www.zhufengpeixun.cn/jishuziliao/javaScriptzhuanti/2011-07-11/113.html 我们有时候希望回车键敲在文本框（input element）里来提交表单（form），但有时候又不希望如此。 比如搜索行为，希望输入完关键词之后直接按回车键立即提交表单，而有些复杂表单，可能要避免回车...
解决Enter触发form表单提交的问题
现役码农的博客
07-01 5510
测试组在测试一个查询列表的时候，发现点击enter键会界面出现报错。 我查了一些资料，发现浏览器在form表单提交这块为我们做了处理。 如果表单里只有一个type=”text”的input，那么点击enter就会触发提交事件 知道规则问题就好解决了 <html> <form> <input type='text' name='code...
通过回车键提交form表单时需要注意的问题
一行代码
01-10 1870
现在很多网站的登陆页面，在输入完账号密码后，点击回车键直接登陆的操作，就是这么一个平凡的操作，不知道大家有没有在实际工作中发现一些问题，下面我来跟大家讲讲我发现的问题，首先运行下面的代码： &lt;form method="get"&gt; &lt;label&gt; 用户名:&lt;input type="text" /&gt; &lt;/label&gt; &lt;button on
jsp的form表单
最新发布
05-30
JSP（Java Server Pages）的form表单用于向服务器提交数据。以下是一个简单的JSP form表单示例： ``` <form action="process.jsp" method="post"> <p>Enter your name: <input type="text" name="name"/></p> ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值