asp.net web 登录文本框的回车设计
以下是本人在程序设计中使用到的技巧,如有不妥,欢迎广大朋友多多指点
web登录页面有两个文本款,一个输入用户名,一个是密码,还有一个登录的imagebutton按钮作为登录按钮,在页面的cs代码里加入如下语句:
protected void Page_Load(object sender, EventArgs e)
{
txt_User.Attributes.Add("onkeydown", "if(event.keyCode==13) event.keyCode=9");
// txt_pwd.Attributes.Add("onkeydown", "if(event.keyCode==13) event.keyCode=9"); //此语句用于使按钮获取焦点,但是不执行动作
txt_pwd.Attributes.Add("onkeydown", "if(event.keyCode==13) { event.returnValue=false; document.getElementById('ImageButton1').click();}");
}
前台web页面添加如下代码:
<script type="text/javascript">
function SetFocue()
{
document.getElementById("txt_User").focus();
}
function checksubmit()
{
var name = document.getElementById("txt_User");
if (name.value=="")
{
alert("请输入用户名!");
name.focus();
return false;
}
var pwd = document.getElementById("txt_Pwd");
if (pwd.value == "")
{
alert("请输入密码!");
pwd.focus();
return false;
}
}
window.onload=SetFocue;
</script>
imagebutton按钮的页面代码:
<asp:ImageButton ID="ImageButton1" runat="server" AlternateText="登录"
ImageUrl="~/image/login/images/login_bg_r4_c5.jpg" ImageAlign="Top"
onclick="ImageButton1_Click"
OnClientClick="javascript:return checksubmit()" TabIndex="3" />
通过以上这些简单设置实现了页面自动定焦,回车自动验证等功能