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

罗密歐i

罗密歐i

2016-02-20 01:11

只要你有一台电脑或者手机,都能关注图老师为大家精心推荐的jQuery代码:jQuery控制表单里的回车键,手机电脑控们准备好了吗?一起看过来吧!

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

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/webkaifa/)

jQuery代码如下:

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/webkaifa/)

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

展开更多 50%)
分享

猜你喜欢

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

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

jquery 表单取值常用代码

Web开发
jquery 表单取值常用代码

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

jquery 防止表单重复提交代码

Web开发
jquery 防止表单重复提交代码

JQuery 表单中textarea字数限制实现代码

Web开发
JQuery 表单中textarea字数限制实现代码

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

jQuery select控制插件

Web开发
jQuery select控制插件

Jquery操作radio,checkbox,select表单操作实现代码

Web开发
Jquery操作radio,checkbox,select表单操作实现代码

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

JS代码实例:实现随机加载不同的CSS样式

JS代码实例:实现随机加载不同的CSS样式

桌秀美化软件中的桌秀开始按钮图标修改工具的使用教程

桌秀美化软件中的桌秀开始按钮图标修改工具的使用教程
下拉加载更多内容 ↓