1、当form表单中只有一个<input type="text" name='name' />时按回车键将会自动将表单提交。
<form id='form1' action='a1.jsp' method='post'> <input type='text' name='name' /> </form>
再添加一个<input type="text"/>按下回车将不会自动提交,但是页面上显示一个不知所云的输入框挺别扭,后从网上搜到两个解决办法:
1;添加一个<input type='text' style='display:none'/>不显示输入框,然后回车之后也不会提交:
<form id='form1' action='a1.jsp' method='post'> <input type='text' name='name' /> <input style='display:none' /> </form>
2;添加一个onkeydown事件,然后回车之后也不会显示:
<form id='form1' action='a1.jsp' method='post'> <input type='text' name='name' onkeydown='if(event.keyCode==13) return false;'/> </form>
如果想添加回车事件可以在onkeydown事件中添加判断提交表单:
<form id='form1' action='a1.jsp' method='post'> <input style='display:none' /> <input type='text' name='name' onkeydown="onKeyQuery(event);" /> </form>
//回车查询 function onKeyQuery(e){ if(window.event) // IE { keynum = e.keyCode } else if(e.which) // Netscape/Firefox/Opera { keynum = e.which } if(keynum == 13){ //等于13代表 回车键 //具体处理在这里 } }
我们有时候希望回车键敲在文本框(input element)里来提交表单(form),但有时候又不希望如此。比如搜索行为,希望输入完关键词之后直接按回车键立即提交表单,而有些复杂表单,可能要避免回车键误操作在未完成表单填写的时候就触发了表单提交。
要控制这些行为,不需要借助JS,浏览器已经帮我们做了这些处理,这里总结几条规则:
如果表单里有一个type=”submit”的按钮,回车键生效。
如果表单里只有一个type=”text”的input,不管按钮是什么type,回车键生效。
如果按钮不是用input,而是用button,并且没有加type,IE下默认为type=button,FX默认为type=submit。
其他表单元素如textarea、select不影响,radio checkbox不影响触发规则,但本身在FX下会响应回车键,在IE下不响应。
type=”image”的input,效果等同于type=”submit”,不知道为什么会设计这样一种type,不推荐使用,应该用CSS添加背景图合适些。
相关推荐
1.form表单中只有一个input标签,按回车键将自动提交表单 当form表单中只有一个<input type=”text” name=’name’ />时按回车键将会自动将表单提交。 <form id='form1' action='a1.jsp' method='post'>...
一是编写了javascript代码,当用户点按Enter键时,通过js事件侦听机制触发表单的提交。 二是利用了浏览器的默认行为(至少发现ie是这样的)。浏览器在解析网页的时候,有许多默认的行为,例如如果一个页面上有表单和...
没有form表单情况下敲回车键提交表单的js代码.docx
form中的input只有一个,input获得焦点时按回车会form自动提交: <!doctype html> <html> <head> <meta charset="UTF-8"> <title>test</title> </head> <body> <...
NULL 博文链接:https://ice-cream.iteye.com/blog/320168
一个列表界面只有一个输入框查询条件,当首次进入在输入框中输入汉字后,按回车键发现输入框中汉字变成乱码!本以为一个很简单不过的问题,结果却花了好久才找到原因(据说是浏览器问题),按回车后执行了两次查询。...
MFC vc6.0编译环境 按回车键依次移动光标到下一个文本框,并附有文档说明关键步骤
原来文章是jsp下,其实应用了js的代码,大家可以参考下,其实各个语言的原理都一样,如果使用了ajax严重就完美的客户端验证了。
时按回车键将会自动将表单提交。 代码如下: <form id=”form1″ action=”post.php” method=”post”> <input type=”text” name=”name” /> </form> 再添加一个 代码如下: <...
如何防止回车(enter)键提交表单,其实很简单,就一句话。onkeydown=”if(event.keyCode==13)return false;”把这句写在from标签里面就好了。如果在页面中按Enter键会自动提交的话,可以设置返回值防止自动提交如&...
本文实例讲述了js光标定位文本框回车表单提交问题的解决方法。分享给大家供大家参考。...翻译一下:当form中只有一个input type=”text”时,当用户按回车键会提交这个form。 解决方案:对input te
当提交form表单数据时直接触发回车键,就可以提交表单。为了省事很多时候希望可以按回车键来提交表单,要控制这些行为,可以借助JS来达到要求。
form表单中默认的enter提交是不是让你已经很耐烦了吧,本文主要讲解一下如何去掉默认的enter键提交同时绑定js方法,感兴趣的朋友可以参考下哈
事情是这样的,做了一个登陆页面,把 Form 去了,直接拿 Jquery 的 Ajax 跟服务器交互,但是这样的话 浏览器就不会默认响应 回车键提交数据了。索性让 Jquery 也接管 回车键的响应吧: 代码如下: $(“#loginbox ...
关键之处在于tabindex,其设计思想是:为每个表单元素设置一个tabindex,其值分别为前一个表单元素的tabindex的值加一,函数的功能就是当用户按下回车键时先将当前tabindex的值加一,而后逐一与每个表单元素的...
我们有时候希望回车键敲在文本框(input element)里来提交表单(form),但有时候又不希望如此。