2345

亚洲免费在线-亚洲免费在线播放-亚洲免费在线观看-亚洲免费在线观看视频-亚洲免费在线看-亚洲免费在线视频

ASP.NET jQuery 食譜2 (表單中使用回車在TextBo

系統 2049 0

每次當用戶在一個文本框輸入完數據后,更希望在敲入回車鍵后,焦點會自動移動到下一個文本框。

通過下面的代碼可以實現這種切換的效果。

首先我們來看界面:

ASP.NET jQuery 食譜2 (表單中使用回車在TextBox之間向下移動)_第1張圖片

界面代碼:

View Code
        
           1
        
        
          <
        
        
          body
        
        
          >
        
        
2 < form id ="form1" runat ="server" >
3 < div align ="center" >
4 < fieldset style ="width: 400px; height: 200px;" >
5 < table cellpadding ="3" cellspacing ="3" border ="0" >
6 < tr >
7 < td >
8 < asp:Label ID ="lblName" Text ="姓名: " runat ="server" ></ asp:Label >
9 </ td >
10 < td >
11 < asp:TextBox ID ="txtName" Width ="200px" runat ="server" ></ asp:TextBox >
12 </ td >
13 </ tr >
14 < tr >
15 < td >
16 < asp:Label ID ="lblAddress" Text ="地址: " runat ="server" ></ asp:Label >
17 </ td >
18 < td >
19 < asp:TextBox ID ="txtAddress" Width ="200px" runat ="server" ></ asp:TextBox >
20 </ td >
21 </ tr >
22 < tr >
23 < td >
24 < asp:Label ID ="lblContact" Text ="聯系電話: " runat ="server" ></ asp:Label >
25 </ td >
26 < td >
27 < asp:TextBox ID ="txtContact" Width ="200px" runat ="server" ></ asp:TextBox >
28 </ td >
29 </ tr >
30 < tr >
31 < td >
32 < asp:Label ID ="lblEmail" Text ="電子郵箱: " runat ="server" ></ asp:Label >
33 </ td >
34 < td >
35 < asp:TextBox ID ="txtEmail" Width ="200px" runat ="server" ></ asp:TextBox >
36 </ td >
37 </ tr >
38 < tr >
39 < td >
40 </ td >
41 < td >
42 < asp:Button ID ="btnSubmit" Text ="提交" runat ="server" />
43 < asp:Button ID ="btnReset" Text ="重置" runat ="server" />
44 </ td >
45 </ tr >
46 </ table >
47 </ fieldset >
48 </ div >
49 </ form >
50 </ body >

腳本代碼:

      
         1
      
       <head runat="server">
      
2 <title>Recipe2</title>
3 <script src="Scripts/jquery-1.4.1-vsdoc.js" type="text/javascript"></script>
4 <script type="text/javascript">
5 $(document).ready( function () {
6 $("input:text:first").focus(); // TextBox轉換成html控件為<input type="text"/>
7 $("input:text").bind("keydown", function (e) {
8 if (e.which == 13) { // 獲取Enter鍵值
9 e.preventDefault(); // 阻止表單按Enter鍵默認行為,防止按回車鍵提交表單
10 var nextIndex = $("input:text").index( this ) + 1;
11 $("input:text")[nextIndex].focus();
12 }
13 });
14
15 $("#<%=btnReset.ClientID%>").click( function () {
16 $("form")[0].reset();
17 });
18 });
19 </script>
20 </head>



ASP.NET jQuery 食譜2 (表單中使用回車在TextBox之間向下移動)


更多文章、技術交流、商務合作、聯系博主

微信掃碼或搜索:z360901061

微信掃一掃加我為好友

QQ號聯系: 360901061

您的支持是博主寫作最大的動力,如果您喜歡我的文章,感覺我的文章對您有幫助,請用微信掃描下面二維碼支持博主2元、5元、10元、20元等您想捐的金額吧,狠狠點擊下面給點支持吧,站長非常感激您!手機微信長按不能支付解決辦法:請將微信支付二維碼保存到相冊,切換到微信,然后點擊微信右上角掃一掃功能,選擇支付二維碼完成支付。

【本文對您有幫助就好】

您的支持是博主寫作最大的動力,如果您喜歡我的文章,感覺我的文章對您有幫助,請用微信掃描上面二維碼支持博主2元、5元、10元、自定義金額等您想捐的金額吧,站長會非常 感謝您的哦!!!

發表我的評論
最新評論 總共0條評論
主站蜘蛛池模板: 毛片在线视频观看 | 亚洲毛片在线 | 亚洲图欧美日韩色综合图 | 欧美日韩一区二区在线观看 | 欧美毛片一级 | 欧美一区二区三区网站 | 久草在线国产 | 奇米精品| 2021中文字幕亚洲精品 | 奇米影视777888 | 精品午夜寂寞黄网站在线 | 四虎影视永久 | 思思久久99热这里只有精品66 | 久久天天躁夜夜躁狠狠躁2015 | 国产精品久久久久久影院 | 亚洲人成网站在线观看青青 | 欧洲一级毛片免费 | 国产精品九九免费视频 | 九九精品激情在线视频 | 免费四虎永久在线精品 | 国产亚洲一区二区精品 | 高清国产性色视频在线 | 日日碰日日操 | 888奇米| 久久99精品九九九久久婷婷 | 九九九精品视频免费 | 特黄特a级特别特级特毛片 特黄特黄aaaa级毛片免费看 | 色综合色综合色综合色综合网 | 欧美 日本| 一级看片| 好爽毛片一区二区三区四区 | 免费伊人 | 国产欧美日韩一区二区三区 | 国内第一永久免费福利视频 | 欧美一级毛片欧美毛片视频 | 91国内在线国内在线播放 | 国产100页| 麻豆一区二区三区在线观看 | 一级特黄性色生活片 | 久久亚洲精品中文字幕第一区 | 亚洲国产精品婷婷久久久久 |