我们常常碰到用户在输入完用户名以及密码后,直接敲击回车键进行登录操作,以下是实现代码。
在登录界面中拖入用户名和密码输入框,密码输入框的Html代码如下:
然后再在登录界面中拖入一个Submit按钮,其html代码如下:
在登录界面中拖入用户名和密码输入框,密码输入框的Html代码如下:
<
INPUT id
=
"
PassWord
"
runat
=
"
server
"
type
=
"
password
"
onkeydown
=
"
javascript:fnTrapKD('Login')
"
>
然后再在登录界面中拖入一个Submit按钮,其html代码如下:
<
INPUT id
=
"
Login
"
type
=
"
submit
"
value
=
"
Login
"
name
=
"
Login
"
runat
=
"
server
"
onclick
=
"
javascript:return userlogin();
"
>
最后写出自己的javascript函数来实现上面的fnTrapKD('Login')和userlogin():
<
script language
=
"
javascript
"
>
function fnTrapKD(btn)
{
if (event.keyCode == 13)
{
event.returnValue=false;
event.cancel = true;
document.getElementById('<%=this.ClientID%>_'+btn).click();
}
}
function userlogin()
{
return true;
}
</ script >
注意上面的this.ClientID, 如果你的登录界面是直接放在一个页面(*.aspx)文件上的,则可以省略,但如果是动态加载在上去的用户控件(*.ascx)文件,则必须通过它来获取分配的这个前缀。
function fnTrapKD(btn)
{
if (event.keyCode == 13)
{
event.returnValue=false;
event.cancel = true;
document.getElementById('<%=this.ClientID%>_'+btn).click();
}
}
function userlogin()
{
return true;
}
</ script >