如何实现文本框焦点自动跳转及通过回车键提交表单

最新推荐文章于 2021-08-10 17:08:52 发布

lgq_12345

最新推荐文章于 2021-08-10 17:08:52 发布

阅读量875

点赞数

分类专栏： Asp/Asp.net/Web 文章标签： javascript asp.net function

本文链接：https://blog.csdn.net/lgq_12345/article/details/1473655

版权

29 篇文章 0 订阅

订阅专栏

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生成的页面中查看源文件然后复制出来的

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

}

</script>

我将这些代码放在了一个LoginScript.js文件中,然后在Login.cs文件中添加如下代码就实现这样的功能:

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();

关注