熱點推薦:
您现在的位置: 電腦知識網 >> 編程 >> .NET編程 >> 正文

JS實現文本框回車提交

2022-06-13   來源: .NET編程 

  我在網上找了不少相關的資料沒有一個能直接拿來給我用的經過一番琢磨還是弄明白了我登陸界面有三個文本框用戶名(asp:TextBox id=txtUserName)密碼(asp:TextBox id=txtUserPassword)驗證碼(asp:TextBox id=txtSN)兩個按鈕登陸(asp:Button id=btnLogin)重置(asp:Button id=btnReset)我想實現的是輸入用戶名後按Enter光標移動到密碼框輸入密碼後按Enter光標移動到驗證碼框輸入驗證碼後按Enter提交表單<!我用的不是Input HTML的元素>

  下面說一下我的解決方案

  實現按Enter等同Tab的功能

  <script language=javascript for=document event=onkeydown>

  if(eventkeyCode== && eventsrcElementtype!=button && eventsrcElementtype!=submit && eventsrcElementtype!=reset && eventsrcElementtype!=textarea && eventsrcElementtype!=)

  eventkeyCode=;   //Tab的鍵值為 Enter的鍵值為

  </script>

  最後一個文本框(驗證碼 txtSN)輸入後 按Enter提交表單

  <script language =javascript>

  function getEnter(){

  if(eventkeyCode == && eventsrcElementtype!=submit){

  eventreturnValue=false;

  //documentall(btnLogin)click(); 這個也行 測試過

  documentgetElementById(btnLogin)click();

  }

  }

  </script>

  在Page_Load裡加上 thistxtSNAttributesAdd(onKeyDown getEnter());就OK!

  以上兩段JS代碼網上遍地都是但是任何一個都不能實現我的要求組合起來就好使了繼續學習了


From:http://tw.wingwit.com/Article/program/net/201311/12076.html
  • 上一篇文章:

  • 下一篇文章:
  • 推薦文章
    Copyright © 2005-2022 電腦知識網 Computer Knowledge   All rights reserved.