问题域:
在制作网页时,有时候需要在文本框中输入内容时按下回车就自动提交表单,
而有的时候又不希望一按下回车就自动提交表单,遇到这样的问题我们如何去处理呢?
解决方案:
1、首先我们来实现一按回车就自动提交表单的功能
这个其实比较容易,只要表单中含有一个“提交”的按钮,在文本框中输入内容后按回车就会自动提交这个表单,如果不想让提交按钮出现在页面上,可以这样写,按钮同样有效,只是被隐藏了:
view plaincopy to clipboardprint?
<input type="submit" name="Submit2" value="提交" style="display:none;"/>
<input type="submit" name="Submit2" value="提交" style="display:none;"/>
另外如果表单中只有一个文本框,没有提交按钮,也会自动提交。
2、那么如果不希望自动提交要怎么做呢
和上面相反,只要表单中没有提交按钮即可,
或者把提交按钮写成这样的形式(frm是表单的name):
view plaincopy to clipboardprint?
<input type="button" value="提交" onclick="frm.submit();"/>
<input type="button" value="提交" onclick="frm.submit();"/>
第二种情况,表单中只有一个文本框,不管有没有提交按钮,按回车都会自动提交表单,
怎么办?这个问题看起来比较难解决,其实很容易。
只要在表单中再增加一个隐藏的文本框即可:
view plaincopy to clipboardprint?
<input type="text" name="textfield2" style="display:none;"/>
<input type="text" name="textfield2" style="display:none;"/>
分享到:
相关推荐
按回车键提交表单~~~~~按回车键提交表单~~~~~
点击回车提交表单,点击回车提交表单,应用Java技术实现。
主要介绍了禁止按回车键提交表单的方法的相关资料,需要的朋友可以参考下
1.form表单中只有一个input标签,按回车键将自动提交表单 当form表单中只有一个<input type=”text” name=’name’ />时按回车键将会自动将表单提交。 <form id='form1' action='a1.jsp' method='post'>...
在name输入框中 按回车时,表单就会提交。而且表单中没有submit按钮的,经搜索发现如果表单中只有一个文本框,那么按回车时,就会提交表单,感兴趣的朋友可以了解下
NULL 博文链接:https://ice-cream.iteye.com/blog/320168
form中的input只有一个,input获得焦点时按回车会form自动提交: <!doctype html> <html> <head> <meta charset="UTF-8"> <title>test</title> </head> <body> <...
时按回车键将会自动将表单提交。 代码如下: <form id=”form1″ action=”post.php” method=”post”> <input type=”text” name=”name” /> </form> 再添加一个 代码如下: <...
js 回车提交一些新手朋友还是比较陌生的,本文介绍两种实现方法:jQuery方法、JavaScript方法,感兴趣的朋友可以研究下
jsp中如何实现按下回车键自动提交表单.docx
没有form表单情况下敲回车键提交表单的js代码.docx
本文章在给大家介绍在用户输入完信息之后直接按回车进行表单提交的jquery实现方法,有需要了解的朋友可进来参考以。 键盘事件有3: jquery键盘事件参考: 1、keydown() keydown事件会在键盘按下时触发. 2、keyup() ...
本以为一个很简单不过的问题,结果却花了好久才找到原因(据说是浏览器问题),按回车后执行了两次查询。 1、未修改前代码: <form id=ff name=ff method=post> <input type=text id=userName name=...
大家对回车键的功能...代码实例如下: 如何防止回车(enter)键提交表单,其实很简单,就一句话。onkeydown=”if(event.keyCode==13)return false;”把这句写在from标签里面就好了。 <!...屏蔽回车提交表单功能<
本文实例总结了javascript实现回车键提交表单方法。分享给大家供大家参考。具体分析如下: 第一种方法:javascript实现 代码如下:<html> <head> <title> javascript 实现回车键提交表单</...
比如搜索行为,希望输入完关键词之后直接按回车键立即提交表单,而有些复杂表单,可能要避免回车键误操作在未完成表单填写的时候就触发了表单提交。 要控制这些行为,不需要借助JS,浏览器已经帮我们做了这些处理,...
事情是这样的,做了一个登陆页面,把 Form 去了,直接拿 Jquery 的 Ajax 跟服务器交互,但是这样的话 浏览器就不会默认响应 回车键提交数据了。索性让 Jquery 也接管 回车键的响应吧: 代码如下: $(“#loginbox ...