新闻中心
jQuery 控制表单里回车键 自动下一个标签
默认情况下,在表单(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> |
[上一篇] 网站性能优化实践 减少加载时间提高用户体验
2010/2/3
[下一篇] 购买美国空间常见的四大误区 别给空间商忽悠
2010/1/23
相关新闻
更多相关新闻>>- 用Windows Server 2003/2000/XP自带的IIS建网站
- 2009/10/19
- 建设一个网站的成本
- 2010/2/5
- Web页中页脚(Footer)贴底实现(兼容IE6/7/8, FF3)
- 2009/8/16
- 国内几个比较牛的网站UED博客 体验与分析
- 2009/4/19
- 如何用jquery建立类Twitter站点
- 2009/11/17
- 首页site不在第一页 是一个信号而不是降权
- 2009/8/14
- 电子商务的下一个十年关键词:供应链电子商务
- 2009/11/17
- 从一个关键词分析网站权重
- 2010/4/23
- 5条建议帮助设计一个成功的购买按钮
- 2012/4/12
- Web设计分析:Banner设计“点横竖撇捺”
- 2012/7/11