当前位置: 首页 > 图文教程 > 网络编程 > Javascript > jQuery代码:jQuery控制表单里的回车键

Javascript
Mootools 1.2教程 排序类和方法简介
Mootools 1.2 手风琴（Accordion）教程
Mootools 1.2教程 类(一)
Mootools 1.2教程 Tooltips
Mootools 1.2教程 选项卡效果（Tabs）
Mootools 1.2教程(21)：类（二）
Mootools 1.2教程 同时进行多个形变动画
Mootools 1.2教程 滑动效果（Slide）
不安全的常用的js写法
javascript 检测浏览器类型和版本的代码
javascript 弹出层居中效果的制作
javascript 遮照层效果
Javascript createElement和innerHTML增加页面元素的性能对比
颜色快速采集器javascript代码
var与Javascript变量隐式声明
javascript 面向对象编程 万物皆对象
jQuery 事件队列调整方法
JavaScript switch case 的用法实例[范围]
控制input的CSS但不影响CheckBox以及Radio的样式
ext 同步和异步示例代码

No. « 185 186 187 188 »

技术文章搜索

关键字

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

出处:互联网   整理: 软晨网（RuanChen.com）   发布: 2010-01-30   浏览: 304 ::
收藏到网摘: n/a

默认情况下，在表单(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>