【HTML防止input回车提交表单】的更多相关文章

HTML防止input回车提交表单

原链接:https://blog.csdn.net/ligang2585116/article/details/44699567 自动提交情况说明: 1.默认情况下,单个输入框,无论按钮的type="submit"还是type="button"类型,回车即提交.2.当type="submit"时,无论有几个type="text"输入框,回车均表示提交.(<button>按钮默认的type为submit)3.当typ…

jquery回车提交表单

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

js监听键盘触发按钮事件,回车提交表单

/*回车提交表单*/ $(document).keydown(function(event){ if(event.keyCode == 13){ //alert('你按下了Enter'); $("#login").click(); //模拟触发botton事件 } });…

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

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

js 回车提交表单的实现

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

JQuery禁止回车提交表单

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

Ajax异步按下回车提交表单

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

Javascript屏蔽回车提交表单

html利用input防止回车提交 默认情况下,单个输入框,无论按钮的type="submit"还是type="button"类型,回车即提交. 1.当type="submit"时,无论有几个type="text"输入框,回车均表示提交.(submit) 2.当type="button"时,且存在多个输入框,回车不提交.(button) 3.解决单个输入框的回车即提交问题,参考第二点:可以增加一个input…

js 回车提交表单

一.整个页面用一个回车提交事件: <input type="button" value="回车提交" id="auto" onclick="alert('你按了回车')"/> <script type="text/javascript">     document.onkeydown = function(e){         if(!e) e = window.event;//火…

jquery输入框按下回车提交表单

jQuery on()方法是官方推荐的绑定事件的一个方法 $('#password').on('keydown', function(e) { // 短路语法,当e.keyCode == 13成立的时候就执行后面的submit,否则就啥都不执行. e.keyCode == 13 && $('#myForm').submit(); }); <script type="text/javascript">        $(function () {       …

在javascript中关于submit和button提交表单区别

submit是button的一个特例,也是button的一种,它把提交这个动作自动集成了,submit和button,二者都以按钮的形式展现,看起来都是按钮,所不同的是type属性和处发响应的事件上.        1. 如果表单在点击提交按钮后需要用JS进行处理(包括输入验证)后再提交的话,通常都必须把submit改成button,即取消其自动提交的行为, 否则,将会造成提交两次的效果,对于动态网页来说,也就是对数据库操作两次.或者在使用submit时验证时加return true或false…

（转）在javascript中关于submit和button提交表单区别

  原文来自:http://www.jb51.net/article/42236.htm   submit是button的一个特例,也是button的一种,它把提交这个动作自动集成了,submit和button,二者都以按钮的形式展现,看起来都是按钮,所不同的是type属性和处发响应的事件上.        1. 如果表单在点击提交按钮后需要用JS进行处理(包括输入验证)后再提交的话,通常都必须把submit改成button,即取消其自动提交的行为, 否则,将会造成提交两次的效果,对于动态网页来…

简单Demo的用户登录JSP界面IE、Firefox（chrome） Enter 键提交表单

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <…

vue.js中 ,回车键实现登录或者提交表单!

vue的功能非常强大,但是我们作为一个后端开发人员,前端的东西不一定都弄的很明白,今天就给大家介绍一个回车提交表单的真实案例,达到回车登录的效果! @ keyup.enter 实现的效果 <input v-model = "password" type="password" name="" class="pwd" placeholder="密码" @keyup.enter="handello…

onsubmit return false仍提交表单

博主之前遇到这样的问题,是因为代码有错,改正之后就正常了. 但今天确定代码没错,仍然return false提交表单. 总结网上各路大神的解释: 1.onsubmit的作用是防止form只有一个input时提交表单 2.onsubmit的作用是先提交表单的动作再执行函数,最后无论函数返回正确与否都完成提交动作 具体真相读者自行百度吧.我偏向2,但与我之前的情况相悖,也不完全确定. 做法: 只能麻烦一点将input submit换成input button了.fun里设置表单提交,不用多解释了吧…

form表单input回车提交问题

问题:文本框输入完成后点击回车页面刷新问题出在form上,当表单中只有一个文本框的时候获取焦点并点击回车之后会提交表单内容,就会发生刷新事件. 解决方法: 1.增加一个隐藏的输入框 <input itype="text" style="display:none" /> 增加了一个隐藏的输入框之后,表单的文本框不再是唯一的,回车不会触发提交事件 2.去掉输入框的回车事件 <input type="text" onkeydown=&…

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();…

vue之回车触发表单提交

vue之回车触发表单提交 操作: 在From标签中添加: @keyup.enter.native="handleSubmit" 注意: 1.若添加在Input标签上,只有聚焦在该input框上有效 2.@keyup是触发键盘事件 3..enter和.13相同 4.加上.native覆盖原有封装的keyup事件 5.handleSubmit是提交方法 钻研不易,转载请注明出处......…

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&…

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()…

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

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

input type="image" 提交表单

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

回车禁止form提交表单

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

Html 中表单提交的一些知识总结——防止表单自动提交，以及submit和button提交表单的区别

转自:http://jackaudrey.blog.163.com/blog/static/1314217882010590041833/ 在页面中有多个input type="text"的文本输入框的情况下没有问题,但是当页面中有只有一个文本框的情况下(),就会出现此问题. 后来在form 中添加:onsubmit="return false;"问题终于解决. <form name="frm" method="post"…

FORM中使用onSubmit="return false"防止表单自动提交，以及submit和button提交表单的区别

在页面中有多个input type="text"的文本输入框的情况下没有问题,但是当页面中有只有一个文本框的情况下(),就会出现此问题. 后来在form 中添加:onsubmit="return false;"问题终于解决. <form name="frm"  method="post" onsubmit="return false;"> 下边对“防止表单自动提交,以及submit和button…

alert警告框点击确定后自动提交表单

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

jquery 通过submit()方法 提交表单示例

jquery 通过submit()方法 提交表单示例: 本示例:以用户注册作为例子.使用jquery中的submit()方法实现表单提交. 注:本示例仅提供了对表单的验证,本例只用选用了三个字段作为测试. 用户点击提交按钮时,触发点击事件,会执行所有表单框的验证,如通过验证,则执行submit()方法,对表单内容进行提交. <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <…

4 django系列之HTML通过form标签来同时提交表单内容与上传文件

preface 我们知道提交表单有2种方式,一种直接通过submit页面刷新方法来提交,另一种通过ajax异步局部刷新的方法提交,上回我们说了通过ajax来提交文件到后台,现在说说通过submit来提交文件到后台. 看看代码 我们前端使用html语言写的时候,要注意每一个input.select标签需要有name属性,这样我们后端在在获取值的时候,就以name作为key来获取对应value. 首先看看前端html页面 <form id="updatecode" method=&q…

总结：JSP几种提交表单方法

问题描述: 最近进了一家“老公司”工作,说他老不是说他成立的早,是因为他的编程框架太l.......low了.EJB的规范模式,使用是IBM经过Eclipse二次开发出来的RAD(Rational Application Development),这软件也太重量级了,基本上占用CPU比例15%左右,内存4GB的跑不起来,然后JSP嵌套大量的Java代码和大量的JS代码,读起来超级累,没有那种分层.吐槽一下,回到主题.这几天的工作主要是改JSP和少量的Java代码,说到JSP当然少不了提交表单了.…

【ajax 提交表单】多种方式的注意事项

在业务中,可能因为表单内容过于庞大,字段过于繁杂,如果人为去拼接的话 ,需要耗费大量的时间和精力,与此同时,代码看上去也是冗余不堪. 所以,提交表单的时候如果能整个表单数据整体提交,那是非常开心的事情. 同时,有时候会有需求在前台提交给后台数据之后,希望后台能在处理之后返回数据给前台,可能是标识也好,可能是具体的数据也罢. 这时候又需要使用ajax去提交数据.[因为使用jQuery的submit()方法是没有回调函数的,那个函数只是当表单发生提交时,要同时执行的函数而已,例如:$("#poFro…