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

Javascript
window.onload 加载完毕的问题及解决方案（下）
jQuery 版本的文本输入框检查器Input Check
jquery Firefox3.5中操作select的问题
jquery 1.3.2 IE8中的一点点的小问题解决方法
javascript div 遮罩层封锁整个页面
javascript 页面只自动刷新一次
Javascript 区别浏览器 代码
checkbox 复选框不能为空
Prototype 学习 Prototype对象
Prototype 学习 工具函数学习($方法)
Prototype 学习 工具函数学习($A方法)
Prototype 学习 工具函数学习($w,$F方法)
Prototype Object对象 学习
Prototype Function对象 学习
Prototype Date对象 学习
JavaScript 事件对象的实现
JavaScript 事件查询综合
JavaScript 继承详解（一）
JavaScript 继承详解（二）
JavaScript 继承详解（三）

No. « 145 146 147 148 »

技术文章搜索

关键字

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

出处:互联网   整理: 软晨网（RuanChen.com）   发布: 2010-01-30   浏览: 384 ::
收藏到网摘: 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>