zoukankan      html  css  js  c++  java
  • 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" />

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

  • 相关阅读:
    [leetcode] Combinations
    Binary Tree Level Order Traversal I II
    [leetcode] Remove Duplicates from Sorted Array I II
    [leetcode] Permutations II
    [leetcode] Permutations
    如何在线程间进行事件通知?
    如何实现迭代对象和迭代器对象?
    如何判断字符串a是否以字符串 b开头或者结尾?
    如何实现用户的历史记录功能(最多n条)?
    如何让字典保持有序?
  • 原文地址:https://www.cnblogs.com/zhaoweiqiu/p/2318392.html
Copyright © 2011-2022 走看看