用jQuery屏蔽掉按回车键时提交表单

<script type="text/javascript">
$(function() {
$("input").keypress(function (e) {
var keyCode = e.keyCode ? e.keyCode : e.which ? e.which : e.charCode;
if (keyCode == 13) {
for (var i = 0; i < this.form.elements.length; i++) {
if (this == this.form.elements[i]) break;
}
i = (i + 1) % this.form.elements.length;
this.form.elements[i].focus();
return false;
} else {
return true;
}
);
});
</script>

时间: 2024-08-02 10:58:51

用jQuery屏蔽掉按回车键时提交表单的相关文章

黄聪:jquery mobile使用form进行post提交表单没有反应,显示空白页解决方案

jquery mobile这货会自动用Ajax方式. 所以需要在表单form标签添加data-ajax="false"这个元素. <form method="post" data-ajax="false">...</form>

表单只有一项 input 时按回车键会提交表单

在 Vue 中 使用 Element UI,使用表单  el-form 只有一个  el-input  项,使用  @keyup.enter.native 来处理回车事件. 结果发现按下回车时页面总会被刷新?? 第一反应查询关键字 vue. element. el-form …… 结果发现是 HTML 的已知 bug(feature)…… https://www.w3.org/MarkUp/html-spec/html-spec_8.html#SEC8.2 好吧 那怎么解决呢 1. 加一个表单项

Jquery技巧:使用ajax技术提交表单数据

新建两个页面: 1.show.jsp:调用ajax,将表单中的数据发送给ajax.jsp页面. 2.ajax.jsp:获取show.jsp页面传递的表单数据,并返回结果. 两个页面的编码格式要设置为GBK:

使用jQuery实现跨域提交表单数据

我们在WEB开发中有时会遇到这种情况,比如要从A网站收集用户信息,提交给B网站处理,这个时候就会涉及到跨域提交数据的问题.本文将给您介绍如何使用jQuery来实现异步跨域提交表单数据. 在jQuery中,我们使用json数据类型,通过getJSON方法来实现从服务端获取或发送数据,而当要向不同远程服务器端提交或者获取数据时,要采用jsonp数据类型.使用这种类型的话,会创建一个查询字符串参数 callback=? ,这个参数会加在请求的URL后面.服务器端应当在JSON数据前加上回调函数名,以便

禁止按回车键提交表单

禁止按回车键提交表单,有时候我们按回车键提交很实用,但容易使表单出错,所以我们不想让用户按了回车键就提交表单,那该怎么办呢?只要在标签里加入 onkeydown="if(event.keyCode==13){return false;}" 就可以了,为了保险其见,我们在提交表单的按钮上再加一个确认提交函数,这样就万无一失了. <body> <form name="myform" action="" onkeydown="

onsubmit return false仍提交表单

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

js 回车提交表单的实现

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

回车自动提交表单

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

jQuery键盘事件 ctrl+Enter回车键提交表单

分享下jquery键盘事件的一些例子,个人感觉还不错,有空时多多研究. 键盘事件处理所有用户在键盘敲击的情况,不管在文本输入区域内部还是外部.键盘事件在不同的浏览器中作用的范围是不一样的,通常这种键盘事件可以作用于 Form元素,a标签元素,window ,document这样的元素上.在所有可以获得交点的元素上是可以触发键盘事件的,可以获得焦点的元素可以这样理解,在使用Tab键的时候可以跳跃到的元素就是可以使用键盘事件的元(在没有为这些元素设置tabindex属性值的情况下,当tabindex