html 禁止表单enter自动提交

2024-08-19

HTML页面禁用Enter键自动提交表单

今天在开发页面时,遇到一个小BUG,,如下图在页面的文本框获取焦点之后,再按键盘上的Enter键,页面form就会自动提交.如下是页面禁止Enter自动提交代码: document.onkeydown = function(event) { var target, code, tag; if (!event) { event = window.event; //针对ie浏览器 target = event.srcElement; code = event.keyCode; if (code =

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">

form表单的enter自动提交

当form中只有一个文本框时并且获得焦点按enter时,就会自动提交表单.阻止自动提交可以添加一个隐藏的input框 <input type="text" style="display:none;" />

from 表单回车自动提交

自动提交的情况 1 表单只有单个输入框 2 type=‘submit 这里注意button默认type为submit 解决方法 1 添加一个隐藏的输入框 2 form添加属性 onsubmit="return false;" <form> <input type="text" name=""> <input type="hidden" name=""> </for

delaycall.js 修改表单延迟自动提交的 jQuery / Zepto 插件

delaycall.js delaycall 是一个 jQuery / Zepto 插件,用于在用户完成某项操作后,延迟指定秒数后自动调动指定函数.如用户输入完内容后,延迟1秒,自动提交表单. GitHub Repository https://github.com/yzchen0o0/delaycall git@OSC Repository http://git.oschina.net/cyzshenzhen/delaycall Demo 点击查看在线演示地址 Quick Start Guid

按Enter键后Form表单自动提交的问题

怪事年年有,今年特别多. 话说,最近项目中遇到一件怪事,当我鼠标focus在文本框中,轻轻敲了下回车键,尼玛页面突然刷新了,当时把宝宝给吓得. 接下来就是一番苦逼的烧脑和蛋疼~ 一.被表象所迷惑突然出现这种情况,脑海中第一反应是,keydown事件是不是出问题了,然后找啊找啊找啊,然后没有然后. 在把input元素上的所有事件移除掉后,我自信的按了一下enter键.艾玛,又刷新了.心里那个苦哎. 二.列出所有可能一阵捣鼓之后,脑海中列出了所有按下enter键后的改变,url改变,多了一个问号

按下enter键后表单自动提交问题

在HTML的form表单里,按下enter键之后,默认情况下表单会自动提交. 在公司一个项目里,按下enter键自动提交表单的查询结果与按下搜索框的搜索结果页面显示不一样,按下搜索按钮之后是通过Ajax请求返回结果:而按下enter键是直接post请求然后跳转返回一个页面,失去了页面样式及导航等. 一开以为是写了js代码导致按下enter键之后会触发表单提交,后来把js代码全部移除也是一样地按下enter键会触发表单提交.到网上搜索发现是因为默认情况下在form表单内按下enter键会触发表单自

form表单中只有一个input时，按回车键后表单自动提交(form表单的一个小坑)

form中只有一个input按回车键表单会自动提交在一个form表单中,若只有一个input,按回车键表单会自动提交,但是当表单中存在多个input时,按回车键不会执行任何操作,这是form表单的一个特性,那么如何防止它的自动提交呢?这里提供四种方法. 第一种方法,把表单去掉,这是最管用,但也是最傻的方法,直接添加onclick事件,不用表单提交,这种方法就不赘述了. 第二种方法,很多人估计都想到过,就是既然一个input会自动提交,多个input就没问题,那么我给它多加一个i

【小瑕疵】表单中的button会自动提交？

在表单中使用button标签的时候会发现,即使什么类型都没有设置,但是在点击的时候会发现,表单会自动提交比如: 我在一个表单的button中添加一个函数,当点击这个按钮时会增加一行内容: 但是当我实际点击按钮时会发现,增加的哪一行内容只会在一瞬间显示然后就消失了.实际的原因就是在添加新一行的时候表单提交,刷新了页面. 那么如何解决这中问题呢? 方法一:把<button>放在表单之外方法二:如果button必须放在表单内,我们可以通过阻断它的功能来实现我们想要的效果

Enter键禁止表单提交

Enter键禁止表单提交js代码: //禁用Enter键表单自动提交 document.onkeydown = function (event) { var target, code, tag; if (!event) { event = window.event; //针对ie浏览器 target = event.srcElement; code = event.keyCode; ) { return false; } } else { target = event.target; //针对遵

form表单按enter键自动提交的问题

废话不多说.直接上代码. 1:form表单按enter键自动提交的情况 <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="Generator" content="EditPlus®"> <meta name="Author" content=&

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

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

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

form表单取消按钮自动提交

默认写在form表单里的按钮可以自动提交表单,现在要实现的效果是点击button按钮调用js函数,再有ajax提交 <button type="button" class="btn btn-sub" onclick="return formSubmit();">提交</button> function formSubmit() { // 如果是修改渠道号,原来就有渠道参数,需要将原有的渠道参数初始化进去 $("#

form表单里如果只存在一个文本框，enter键提交

在这里说一说浏览器里form表单的默认行为我们都知道浏览器是存在很多默认行为的,可能是出于常用行为考虑又或者是历史原因.但有时候我们不需要这些默认行为.以下: 1).当form表单里只存在一个input输入框时,回车会提交表单操作. 解决方法可以在form里面再加入一个隐藏的input输入框,或者把input从form里面放出来. 2).当form表单里有一个type="submit"的按钮,回车会自动提交. 3).当form表单里的button按钮没有加type类型时,在ie下默

ssi-uploader上传图片插件，点击选择文件按钮自动提交表单解决办法

先介绍一下这款插件,然后再谈使用中可能遇到的问题 ssi-uploader是一个JQuery的图片上传插件,界面比较美观 github地址:https://github.com/ssbeefeater/ssi-uploader 演示地址:http://ssbeefeater.github.io/#ssi-uploader/examples 使用文档:http://ssbeefeater.github.io/#ssi-uploader/documentation 这里就不说明怎么使用了,githu

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

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

form表单下的button按钮会自动提交表单的问题

form表单下的button按钮会自动提交表单的问题 2017年01月05日 18:02:44 蓝色水阅读数:18012更多个人分类: asp.net form表单下的按钮在没有指定type类型的时候,如果我们同时给其添加了点击事件的话.会发现我们在点击的时候回默认的把表单也给提交了.如: <script type="text/javascript"> function validate(){ alert("test"); }</scrip

输入框状态禁止enter键提交表单

1:页面中如果存在input输入框和submit提交按钮时,默认按enter键会提交表单,如果我现在在做查询操作,一不小心按了enter键就会有提交表单的操作,这样显然是不合理的,所以我们要禁止按enter键时,提交表单. 2:jquery下的代码,禁止enter键提交表单. $(document).keydown(function(event){ switch(event.keyCode){ case 13:return false; } });

chrome、firefox表单自动提交诱因 -- 非type=hidden的单输入域（input）

开发任务中遇到很费解的一个form自动提交问题,form中只有一个input时回车会触发自动提交表单,当在多一个非type=hidden的input时,又不会出现表单自动提交. 代码示例: 会出现自动提交的 <form> <input name="name" /> </form> 不会出现自动提交 <form> <input name="name" /> <input style="disp

html 禁止表单enter自动提交

热门专题