html表单enter键按下自动提交

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

当表单里面只有一个<input type="text">的时候，键盘的enter键按下的时候会自动onsubmit提交。


如果不需要这个功能的话 

   1,可以设定在设定一个 <input type="text" style='display:none' />  OR  <input type="text" hidden='true'/>

   2,<form οnsubmit="retrun false">

小猫紫
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
按enter键表单自动提交
咸鱼老罗的博客
11-16 1669
当表单只有一个为text的input时，在该input按下enter键，表单会自动提交，我以前的代码，只有一个为text的input，一回车就提交表单 添加会员： 找到两个解决办法 1.在input添加按键监控，一旦是enter，就返回false。 2.在表单中添加一个type为text的input，c
jsp中如何实现按下回车键自动提交表单
10-21
在JSP（JavaServer Pages）中，实现按下回车键自动提交表单的功能主要依赖于JavaScript，因为HTML本身不提供监听回车键事件的原生功能。以下将详细讲解如何利用JavaScript来完成这一任务。 首先，我们需要理解HTML...
html From的自动提交（Enter事件）
yutianc的专栏
08-13 482
我们有时候希望回车键敲在文本框（input element）里来提交表单（form），但有时候又不希望如此。比如搜索行为，希望输入完关键词之后直接按回车键立即提交表单，而有些复杂表单，可能要避免回车键误操作在未完成表单填写的时候就触发了表单提交。 要控制这些行为，不需要借助JS，浏览器已经帮我们做了这些处理，这里总结几条规则： 1. 如果表单里有一个（含一个以上）type=”su...
html表单回车自动提交,网页表单回车自动提交问题
weixin_42301816的博客
05-31 867
1 当前问题网页中，一个form表单中如果type为text的input元素只有一个，输入焦点在text中时，回车表单将会自动提交(如指定表单的action属性，会提交到对应action，如未指定表单的action属性，则会刷新当前页面)。此种情况，经常出现在查询区域的表单中，当查询区域text类型的input只有一个时，输入内容回车页面将会自动提交。注意：这里说的form表单中的type为tex...
Form表单 回车(Enter)提交表单问题
qq_37609418的博客
06-15 7894
在Form表单中input会自动响应回车事件。这是表单的默认提交动作。表单的提交行为，可以用两种方式定义，一是form表单自身，二是form表单的button元素(包括type='submit’的input标签，以及type=‘submit’的button元素，button元素type为Submit)。而点击Enter键会触发form表单提交。这被称为隐式提交，如果要阻止回车键提交表单，可以在form标签内添加如下代码 ng-keydown 指令不会覆盖元素的原生 onkeydown 事件, 事件触发时，n
input框触发回车事件
anwei9164的博客
08-26 1483
window.event只能在IE下运行，不能在firefox下运行,这是因为firefox的event只能在事件发生的现场使用。 在firefox里直接调用event对象会报undefined。兼容解决方式： 1 <input type="text" onkeydown="keyup_submit(event);"> 2 3 <script&gt...
html enter自动提交表单,HTML form表单回车触发提交
weixin_26845891的博客
05-31 1045
function submitByEnter(){if(event.keyCode == 13){login();document.getElementByIdx_x("password").value="";}}防止表单提交时刷新页面-阻止form表单的默认提交行为最近在写 ajax 提交的时候遇到一个问题,在执行 ajax 提交之后,浏览器页面自动刷新了,主要是没有 由于form 表单的默认提...
禁止按回车键提交表单的方法
09-03
然而，如果表单包含两个或多个文本输入框，浏览器就不会在任何输入框中按下回车时自动提交表单。这是浏览器的一个默认行为。 针对这一行为，我们可以采取以下策略来禁止回车键提交表单： 1. 添加一个隐藏的文本...
如何防止INPUT按回车自动提交表单FORM
11-29
如果表单中有多个`<input>`元素（包括隐藏的`<input>`），则浏览器不会在回车键被按下时自动提交表单。这是因为浏览器认为用户可能需要在其他输入框中输入数据，所以它等待用户完成所有输入后再提交表单。例如： ```...
Ctrl+Enter键按钮提交表单代码.zip
11-17
总之，"Ctrl+Enter键按钮提交表单代码"是一个关于前端交互优化的实例，通过JavaScript或jQuery监听键盘事件，实现了用户按下Ctrl+Enter时自动提交表单的功能，提升了用户体验。在实际项目中，可以根据需求进行调整和...
Form表单按回车自动提交表单的实现方法
09-01
在前端开发中，表单交互是用户界面的重要组成部分，而其中的一个常见需求是让用户通过按回车键自动提交表单。本文将详细讲解如何实现这一功能，并探讨在不同情况下是否需要自动提交表单。 首先，当一个`<form>`表单...
HTML防止input回车提交表单
热门推荐
李刚的学习专栏
03-28 4万+
最近在做一个小需求时，发现了一个问题：当form表单中，存在一个button，在input中按回车会自动触发form提交，很是郁闷，经过查询资料，特总结如下： 自动提交情况说明： 1.默认情况下，单个输入框，无论按钮的type="submit"还是type="button"类型，回车即提交。 2.当type="submit"时，无论有几个type="text"输入框，回车均表示提交。
html 回车事件 form表单回车提交
test
10-28 3468
第一种： https://zhidao.baidu.com/question/145395482.html 针对整个页面，body中监听回车事件，监听到回车键操作(键盘回车键按下事件的反馈值为13)则执行对应的操作： <!DOCTYPE html> <html lang="zh" xmlns:th="http://www.thymeleaf.org"> <h...
html回车自动提交表单提交表单提交,HTML form表单回车触发提交
weixin_42499100的博客
05-31 160
部署web应用package it.cast.servlet; import java.io.IOException; import java.io.PrintWriter; import javax.servle ...12个免费的 Twitter Bootstrap 后台模板在互联网上提供很多免费的 Bootstrap 管理后台主题.所有你需要做的就是将它们下载并安装它们,这真的不是什么难事....
html form 自动提交表单提交,HTML form 避免(回车)表单自动提交
weixin_28865923的博客
05-30 1265
1、JavaScript提交表单代码 document.forms["myform"].submit(); ordocument.myform.submit();//myform为表单名2、当表单中包含input的text、password等时按下回车键(Enter)会自动提交表单，有时需要这种功能，有时不需要这一功能。禁用回车自动提交攻略之一：1)用button按钮替换submit按钮；2)给b...
HTML form 避免(回车)表单自动提交
08-28 1万+
1、JavaScript提交表单代码 document.forms["myform"].submit(); or document.myform.submit();//myform为表单名 2、当表单中包含input的text、password等时按下回车键(Enter)会自动提交表单，有时需要这种功能，有时不需要这一功能。禁用回车自动提交攻略之一：        1）用b
html enter自动提交表单,HTML表单 - 按“Enter”时执行脚本，无需提交
weixin_31081677的博客
06-10 643
4 个答案:答案 0 :(得分：5)绑定到提交表单而不是单击按钮，然后阻止默认操作。$("#myform").submit(function(e){e.preventDefault();alert("The action has occurred without submitting the form!");});答案 1 :(得分：2)$('#form_id').submit(function(...
html回车键导致form提交的问题
ben_gmail的专栏
08-11 4274
转载自:http://www.cnspeed.com/info/Article/dhtml/200909/4049.html      我们有时候希望回车键敲在文本框(input element)里来提交表单(form),但有时候又不希望如此。比如搜索行为，希望输入完关键词之后
php jq 提交表单验证,jquery的表单验证提交
最新发布
05-24
可以使用 jQuery Validation 插件来实现表单验证和提交功能。 首先，在 HTML 中引入 jQuery 和 jQuery Validation 插件的库文件： ```html <script src="https://code.jquery.com/jquery-3.4.1.min.js"></script> <script src="https://cdn.jsdelivr.net/jquery.validation/1.16.0/jquery.validate.min.js"></script> ``` 然后，编写表单和相关的 JavaScript 代码： ```html <form id="myForm"> <label for="name">Name:</label> <input type="text" id="name" name="name" required><br> <label for="email">Email:</label> <input type="email" id="email" name="email" required><br> <button type="submit">Submit</button> </form> <script> $(document).ready(function() { $('#myForm').validate({ rules: { name: { required: true, minlength: 2 }, email: { required: true, email: true } }, messages: { name: { required: "Please enter your name", minlength: "Your name must consist of at least 2 characters" }, email: { required: "Please enter your email", email: "Please enter a valid email address" } }, submitHandler: function(form) { // 执行表单提交操作 form.submit(); } }); }); </script> ``` 在该代码中，我们使用 `validate()` 方法对表单进行验证，其中 `rules` 对象定义了每个表单字段的验证规则，`messages` 对象定义了每个表单字段的错误提示信息，`submitHandler` 回调函数定义了表单提交成功后要执行的操作。 如果表单验证通过，`submitHandler` 回调函数中的代码将会被执行，可以在该函数中执行表单提交操作。如果表单验证失败，jQuery Validation 插件会自动显示相应的错误提示信息。 希望这个例子能帮助你实现表单验证和提交功能。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值