关于焦点处于input框内,按回车自动提交表单

2024-11-04

form表单一个input时回车自动提交

问题描述 form表单中,如果当前表单只有一个input输入框时,单击回车会自动提交当前表单. 解决方案在当前form表单中添加一个隐藏的input, <input style="display:none" type="text"> 参考文档https://blog.csdn.net/renminzdb/article/details/42422183

转载于 :https://zhidao.baidu.com/question/619375120140398412.html 在页面中有多个input type="text"的文本输入框的情况下没有问题,但是当页面中有只有一个文本框的情况下(),就会出现此问题. 后来在form 中添加:onsubmit="return false;"问题终于解决. <form name="frm" method="post" onsu

阻止form表单中的input按下回车时提交表单

给form加属性:onsubmit="return false;"

form中的button按钮在IE11中自动提交表单问题导致弹出框关闭之后表单被重置

最近几天,测试系统,遇到一个兼容性问题,form中有一个button按钮,没有指定type类型,点击按钮弹出框选择值之后回填给form上的一个单行文本框,在IE6.IE7.IE8.IE9.IE10中测试都没有问题,唯独IE11中,弹出框关闭之后,单行文本框接收到弹出框的返回值之后,form所在的父页面自动刷新了一次,导致form中的值全部被重置了刚开始,还以为是系统所用的Web框架不兼容IE11,经过反复测试发现,系统中有一些弹出框关闭之后,父页面是不会自动刷新的,于是开始慢慢对比源代码,最后

使用 elementUI 的表单进行查询，表单中只有一个文本框时，回车会自动触发表单的提交事件，导致页面的刷新。

使用elementUI的el-form组件进行查询时,当输入框仅有一项时,回车自动提交表单,浏览器会刷新页面: 原因:由于当表单只有一个文本框时,按下回车将会触发表单的提交事件, 从而导致页面刷新. 1 <el-form :inline="true" :model="getForm" class="demo-form-inline"> 2 <el-form-item label="科目名称"> 3 &l

回车禁止form提交表单

今天遇到回车自动提交表单特此记录下 document.getElementsByTagName('form')[0].onkeydown = function(e) { var e = e || event;var keyNum = e.which || e.keyCode;return keyNum == 13 ? false : true;};

阻止form元素内的input标签回车提交表单

<form></form>标签内input元素回车会默认提交表单. 阻止回车默认提交表单: $('form').on('keydown', function (event) { if (event.keyCode == 13) return false; })

js 对于回车时间的监听，提交表单

// ------ 监听回车事件 -----------------// document.onkeydown=keyDownSearch; function keyDownSearch(e) { //回车函数 // 兼容FF和IE和Opera var theEvent = e || window.event; var code = theEvent.keyCode || theEvent.which || theEvent.charCode; if (code == 13) { login()

UC浏览器input文本框输入文字回车键自动提交

这是测试今天在jira给我提出的一个bug 下面是贴的代码屏蔽或者禁止回车键 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body>  <!--<input onkeydown="if(event.keyCode==13)

js 回车提交表单的实现

我们有时候希望回车键敲在文本框(input element)里来提交表单(form),但有时候又不希望如此.比如搜索行为,希望输入完关键词之后直接按回车键立即提交表单,而有些复杂表单,可能要避免回车键误操作在未完成表单填写的时候就触发了表单提交. 要控制这些行为,不需要借助JS,浏览器已经帮我们做了这些处理,这里总结几条规则: 1. 如果表单里有一个type="submit"的按钮,回车键生效. 2. 如果表单里只有一个type="text"的input

谈谈Enter回车键提交表单那些事回车搜索 enter搜索

我们在做系统前端的时候,往往会用到form标签,采用jquery插件做表单验证.我们信誓旦旦的一位把一切都做好的时候,并且检查一遍又一遍的时候,意向不到的事情发生了,也许是出于一种意外,而这种意外我们从来没有想到,我们不小心碰下了enter键,然后我们发现该走的js它没有走,跳到下一个页面,或者就直接404了.想都不用想,绝对是enter键直接把表单提交了.表单在什么情况下会enter提交呢?我们如果不想表单通过enter键提交我们应该怎么做呢? 出现自动提交的情况,有两种可能: 1.是编写了j

Ajax异步按下回车提交表单

作者:故事我忘了￠个人微信公众号:程序猿的月光宝盒 html <form id="findInvis"> 帖子标题: <input title="请输入帖子标题" name="title">  <input type="submit" value="搜索" > </form> js /** * 点击查找

js防止回车(enter)键提交表单及javascript中event.keycode

如何防止回车(enter)键提交表单,其实很简单,就一句话.onkeydown="if(event.keyCode==13)return false;"把这句写在from标签里面就好了. 如果在页面中按Enter键会自动提交的话,可以设置返回值防止自动提交如<input id="q" name="q" type="text" onkeypress="javascript:return gosearch();

阻止 form 回车自动提交

问题:当form表单中只有一个input时,在input中按回车键会自动提交. 解决方案: 1.form元素上加onsubmit="return false"(推荐) 2.多个input存在时按回车不会自动提交(注意:表单中有提交按钮的话,该方法不行) 3.给input绑定onkeydown事件代码: 方法一: form元素上加onsubmit="return false" <form action="../test.json" meth

html form禁止表单回车自动提交（通常原因是为在ajax提交前、后进行js判断控制）

@*onkeydown事件用于禁止回车自动提交form,这样就不经过js控制跳转*@ <form action="/Account/CheckPsw" method="post" id="login-form" onkeydown="if(event.keyCode==13){return false;}"> <div class="form-group has-feedback">

JQuery禁止回车提交表单

//禁止回车键提交表单——动态绑定 $(function(){ $("input").on('keypress', //所有input标签回车无效,当然,可以根据需求自定义 function(e){ var key = window.event ? e.keyCode : e.which; if(key.toString() == "13"){ return false; } } ); });

input type="image" 提交表单

提到<input type="image" />,说起来有些惭愧.之前的工作基本每周都要制作两到三个注册用户的网页.其中就用它提交表单. 那个时候我想当然的以为这是用js操作,才把表单数据提交的.直到前几天同事问到了这个问题,我还以为用js提交表单,为此还打了一个赌,虽然赌注很小,不用想结果我输了.今天对它做个总结: code: <html lang="zh"> <head> <meta charset="UT

用JavaScript实现表单按回车自动提交

JavaScript实现表单form1按回车自动提交代码如下: <script type="text/javascript"> function submitMe() { document.getElementById("form1").submit(); //form1.submit(); } </script> 在所要提交的表单input标签中添加: onkeydown='if(event.keyCode==13) return subm

JEECG弹出框提交表单

一.设备主页面(deviceMain.jsp) <t:dgToolBar title="编辑设备" icon="icon-edit" url="deviceController.do?goDeviceDetail" funname="editMyDevice"></t:dgToolBar> // 编辑管理的设备 function editMyDevice(title,url,gname){ var id

jquery回车提交表单

jquery回车提交表单,比较方便的功能. 三个事件keydown,keypress,keyup,分别是按下,按着没上抬,上抬键盘 ,所以用keyup. $(document).keyup(function(event){ if(event.keyCode ==13){ $("#submit").trigger("click"); }});

i利用图片按钮和 input type="image" 为背景提交表单

<img src="img/cancel.jpg" onclick="javascript:document.getElementByIdx_x('loginForm').reset();"/> 将图片作为背景,利用input标签也可实现图片提交按扭! <input type="image" src="img/login.jpg"/> <input type="reset&