ASP .NET jQuery实例2 (表单中使用回车在文本框之间向下移动)

通过下面的代码可以实现这种切换的效果。首先我们来看界面

界面代码：复制代码代码如下：正文表单id=' form 1 ' runat=' server ' div align=' center '字段集样式=' width : 400 px'高度： 200像素表格单元格填充='3 '单元格间距='3 '边框=' 0 ' tr td asp:Label标签标签ID='lblName' Text='姓名： ' runat=' server '/asp:标签/TD TD ASP :文本框ID=' txt name ' Width=' 200px ' runat=' server '/asp:文本框/TD/tr TD ASP :标签ID=' lblAddress ' Text='地址： ' runat=' server '/asp:标签/TD TD ASP :文本框ID=' txtAddress ' Width=' 200px ' runat=' server '/asp:文本框/TD/tr TD ASP :标签标识=' lblContact '文本='联系电话： ' runat=' server '/asp:标签/TD TD ASP :文本框ID=' txt contact ' Width=' 200px ' runat=' server '/asp:文本框/TD/tr TD ASP :标签ID=' lblEmail ' Text='电子邮箱： ' runat=' server '/asp:标签/TD TD TD ASP :文本框ID=' txt mail ' Width=' 200px ' runat=' server '/ASP :文本框/TD/tr TD TD ASP :按钮ID=提交'文本='提交runat='服务器'/ASP :按钮ID=' BTN重置'文本='重置runat=' server '/TD/tr/table/field set/div/form/body脚本代码：复制代码代码如下： head runat=' server ' title食谱2/title脚本src=' http :脚本/jquery-1。 4 .1-vsdoc。js ' type=' text/JavaScript '/script script type=' text/JavaScript ' $(文档)。ready(function(){ $('先输入：文本： ').焦点();//文本框转换成超文本标记语言控件为输入类型=' text '/$('输入3360个文本').绑定('向下键'，函数(e){ if(e . what==13){//获取进入键值e . PreventDefault()；//阻止表单按进入键默认行为，防止按回车键提交表单var NextIndex=$('输入3360个文本').指数（本)1;$(“输入3360文本”)[下一个索引].焦点();} });$('#%=btnReset .客户端id“% 1”).单击(函数(){ $("form")[0]).reset()；});});/脚本/标题