1. 云栖社区>
  2. 技术文集>
  3. 列表>
  4. 正文

jQuery代码:jQuery控制表单里的回车键

作者:用户 来源:互联网 时间:2016-06-25 13:58:54

form表单thiselementskeycodejquery表单Form.elements回车键input回车提交表单按回车提交表单jquery捕捉回车键jQuery步骤表单Jquery回车提交

jQuery代码:jQuery控制表单里的回车键 - 摘要: 本文讲的是jQuery代码:jQuery控制表单里的回车键, 默认情况下,在表单(form)的输入框(input)里按回车将会提交(submit)表单。这会造成一个问题:当用户在填写表单时不小心按了回车键(特别是输入

默认情况下,在表单(form)的输入框(input)里按回车将会提交(submit)表单。这会造成一个问题:当用户在填写表单时不小心按了回车键(特别是输入框含有历史记录时,这种情况经常发生),这时不完整的表单会被提交。我们可以通过Javascript来屏蔽回车键,这样当用户键入回车键,表单就不会被提交,而且我们还可以根据需要执行别的任务,例如把光标移到下一个输入框。这样不但屏蔽了回车键误提交表单,而且还方便了用户,一举两得!

jQuery代码如下:

<script type="text/javascript">
$(document).ready(function(){
$("input").keypress(function (e) {
var keyCode = e.keyCode ? e.keyCode : e.which ? e.which : e.charCode;
if (keyCode == 13){
var i;
for (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>


以上是云栖社区小编为您精心准备的的内容,在云栖社区的博客、问答、公众号、人物、课程等栏目也有 的相关内容,欢迎继续使用右上角搜索按钮进行搜索form , 表单 , this , elements , keycode , jquery表单 , Form.elements , 回车键 , input回车提交表单 , 按回车提交表单 , jquery捕捉回车键 , jQuery步骤表单 Jquery回车提交 ,以便于您获取更多的相关知识。

代码-jquery mobile的异步处理基础问题

问题描述 jquery mobile的异步处理基础问题 jquery mobile提交表单时把表单序列化我一般是提交至一个ashx文件,然后再获取处理后的返回值。 但按照以往的方式,我提交至当前页面的后台public st...

jQuery事件之键盘事件(ctrl+Enter回车键提交表单等)_jquery

键盘事件处理所有用户在键盘敲击的情况,不管在文本输入区域内部还是外部。键盘事件在不同的浏览器中作用的范围是不一样的,通常这种键盘事件可以作用于 Form元素,a标签元素,window ,document这样的元素上。在所有可以获...

100多个经典常用的PHP功能插件大全实例演示和下载

推荐特效 PHP功能插件  更多 > 09-07 PHP合成多图片 08-28 百度地图根据经纬度获取国家、州市等地址相关信息 08-06 PHP读取身份证姓名和身份证号码API 07-31 cropped仿新浪微博头像上传裁剪缩小放大预览 07-29 prettyPhoto和fancybox...

使用autocomplete实现google下拉框

1. 在页面引入js和css //使用本地文件时引入此js 2.//增加如下代码 $().ready(function() { $("#autocompletebox").autocomplete("search.php", { width: 260, selectFirst: false, max: 20, }); $("#autocompletebox").result(function(event, data, formatted) { if (data) $(thi...

jQuery控制回车使表单内控件获得焦点

$(function(){        var length = $(":input").length;       $(":input").keyup(function(e) {       var key = e.which;       if (13 == key) {       var index = $(":input").index(this);       var newIndex = index + 1;       if(length == newIndex)       {...

前三篇
后三篇