asp.net web 登录文本框的回车设计

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.οnlοad=SetFocue;
 </script>

 

imagebutton按钮的页面代码：

  <asp:ImageButton ID="ImageButton1" runat="server" AlternateText="登录"
           ImageUrl="~/image/login/images/login_bg_r4_c5.jpg" ImageAlign="Top"
           οnclick="ImageButton1_Click" 
           OnClientClick="javascript:return checksubmit()" TabIndex="3" />

通过以上这些简单设置实现了页面自动定焦，回车自动验证等功能