博客園 - dudu-快樂程序員 - 如何實現(xiàn)文本框焦點自動跳轉(zhuǎn)及通過回車鍵提交表單

如何實現(xiàn)文本框焦點自動跳轉(zhuǎn)及通過回車鍵提交表單

該文章講的是在ASP.NET登錄頁面中如何實現(xiàn)文本框焦點自動跳轉(zhuǎn)及通過回車鍵提交表單。
所需的Javascript代碼:

NS4 = (document.layers) ? true : false;

function checkEnter(event,element)

{

var code = 0;

if (NS4)

code = event.which;

else

code = event.keyCode;

if (code==13)

{

if(element.name==‘tbUserName‘)//tbUserName-用戶名文本框的Name

{

document.frmLogin.tbPassword.focus();//frmLogin-表單名稱,tbPassword-密碼文本杠框的Name

}

if(element.name==‘tbPassword‘)

{

//document.frmLogin.submit();用這種方式提交,Asp.net頁面會閃一下,但實際并未提交

//用下面的代碼才能提交,我是從asp.net生成的頁面中查看源文件然后復(fù)制出來的

if (typeof(Page_ClientValidate) != ‘function‘ || Page_ClientValidate()) __doPostBack(‘lblLogin‘,‘‘);

}

</script>

我將這些代碼放在了一個LoginScript.js文件中,然后在Login.cs文件中添加如下代碼就實現(xiàn)這樣的功能:

tbUserName.Attributes.Add("onKeyPress","checkEnter(event,this)");

tbPassword.Attributes.Add("onKeyPress","checkEnter(event,this)");

System.IO.StreamReader sr=new System.IO.StreamReader(MapPath("Script")+"\\LoginScript.js");

this.RegisterClientScriptBlock("LoginScript",sr.ReadToEnd());

sr.Close();

posted on 2004-05-26 14:52 dudu 閱讀(10176) 評論(14) 編輯收藏收藏至365Key 所屬分類: ASP.NET

# re: 如何實現(xiàn)文本框焦點自動跳轉(zhuǎn)及通過回車鍵提交表單 2004-05-26 17:36 Koffer

#region 控件獲得焦點
/// <summary>
/// 通過注冊并運行腳本使某個腳本可操作的控件獲得焦點。
/// </summary>
/// <param name="strTextBoxOrButtonId"></param>
private void TextBoxOrButton_GotFocus( string strTextBoxOrButtonId )
{
string script = "<script>document.all[\"" + strTextBoxOrButtonId + "\"].focus();</script>" ;
this.RegisterStartupScript( "GotFocus" ,script );
}
#endregion 回復(fù)

# re: 如何實現(xiàn)文本框焦點自動跳轉(zhuǎn)及通過回車鍵提交表單 2004-05-26 17:38 koffer

this.txtSDUTY.Attributes["onkeydown"]="if (event.keyCode==13) {document.all.btnSDUTY.click();return false;}";

#region 如果用戶用回車去做的驗證
private void btnSDUTY_Click(object sender, System.EventArgs e)
{
TextBoxOrButton_GotFocus(this.txtSLORG.ID);
}
} 回復(fù)

# re: 如何實現(xiàn)文本框焦點自動跳轉(zhuǎn)及通過回車鍵提交表單 2004-06-09 09:29 ak47

你這些帶顏色的關(guān)鍵字是如何弄上去的？
是用一個國外網(wǎng)址轉(zhuǎn)化的嗎？回復(fù)

# re: 如何實現(xiàn)文本框焦點自動跳轉(zhuǎn)及通過回車鍵提交表單 2004-06-09 09:38 dudu

將代碼從VS.NET中復(fù)制到Word, 再從Word復(fù)制過來, 就變成這樣了。回復(fù)

# re: 如何實現(xiàn)文本框焦點自動跳轉(zhuǎn)及通過回車鍵提交表單 2004-06-18 17:15 獅子洋

# re: 如何實現(xiàn)文本框焦點自動跳轉(zhuǎn)及通過回車鍵提交表單 2004-07-08 10:38 過客

你好回復(fù)

# re: 如何實現(xiàn)文本框焦點自動跳轉(zhuǎn)及通過回車鍵提交表單 2004-10-25 12:39 奚彧

焦點是轉(zhuǎn)移了，很多代碼都只是轉(zhuǎn)移焦點，但是卻不提交表單回復(fù)

# re: 如何實現(xiàn)文本框焦點自動跳轉(zhuǎn)及通過回車鍵提交表單 2004-12-26 10:34 lake2

有啟發(fā)，謝謝各位回復(fù)

# re: 如何實現(xiàn)文本框焦點自動跳轉(zhuǎn)及通過回車鍵提交表單 2005-01-24 10:16 聽棠.NET

看我發(fā)表的 "解決WEB頁面上"焦點控制"一法" http://www.cnblogs.com/tintown/archive/2005/01/06/87355.html 比這個經(jīng)典多了!!! 回復(fù)

# re: 如何實現(xiàn)文本框焦點自動跳轉(zhuǎn)及通過回車鍵提交表單 2005-03-28 09:30 killren

復(fù)制粘貼消化回復(fù)

# re: 如何實現(xiàn)文本框焦點自動跳轉(zhuǎn)及通過回車鍵提交表單 2005-07-02 10:18 ascn

我想做這樣的文本框，不知道怎么實現(xiàn)。

文本框的最長字符為10，當(dāng)輸入到10字符后，自動跳轉(zhuǎn)到下一個文本框，請問怎么實現(xiàn)？

煩請幫忙 ascn@ 回復(fù)

# re: 如何實現(xiàn)文本框焦點自動跳轉(zhuǎn)及通過回車鍵提交表單 2005-07-28 10:32 阿新

<SCRIPT language="javascript">
function keyvalue()
{
if(event.keyCode=="13")
{

if(!(event.srcElement.name=="btnSave"|| event.srcElement.name=="btnReturn") )
{
event.keyCode="9";
}
}
// key=window.event.keyCode;
// alert(key);
// if(key==13)//判斷是否按下回車鍵
// {
// event.keyCode=9;
//CurTabIndex=event.srcElement.tabIndex+1//將當(dāng)前tabindex的值加1
//for (n=0;n< Form1.elements.length;n++)
//{
// if (Form1.elements[n].tabIndex==CurTabIndex) //找到下一個表單元素
// {
// Form1.elements[n].focus(); //移動焦點
// return true;
// }
// }

// }
}

</script>

我是這樣寫的，加了判斷遇到按鈕就不跳了
但代碼一定要放在form里面

# re: 如何實現(xiàn)文本框焦點自動跳轉(zhuǎn)及通過回車鍵提交表單 2004-05-26 15:11 吹雪

# re: 如何實現(xiàn)文本框焦點自動跳轉(zhuǎn)及通過回車鍵提交表單 2004-05-26 15:34 aierong