stackoom
  简体   繁体   中英

How to call a Button press Event even with the press of the Enter key on keyboard

 原文  2011-01-21 15:43:07  3   4    c#/ javascript/ asp.net

Question

the following is the Markup of my page based on a master page. its a log in page with a default login control. 

<asp:Content ID="BodyContent" runat="server" ContentPlaceHolderID="MainContent">
<h2 style="text-align:center; font-size:1.2em; color:White;">
    Log In
</h2>
<p style="text-align:left; font-size:1.2em; color:White;margin-left: 90px;margin-right: 90px;">
    Please enter your username and password.<br />
    If you don't have an account, please contact the site administrator to set up 
    your account.
</p>
<div style="margin-left:0px;">


<asp:Login ID="LoginUser" runat="server" EnableViewState="False" >
    <LayoutTemplate>
        <span class="failureNotification">
            <asp:Literal ID="FailureText" runat="server"></asp:Literal>
        </span>
        <asp:ValidationSummary ID="LoginUserValidationSummary" runat="server" CssClass="failureNotification" 
             ValidationGroup="LoginUserValidationGroup"/>
        <div class="accountInfo">
            <fieldset class="login">
                <legend style="text-align:left; font-size:1.2em; color:White;">Account Information</legend>
                <p style="text-align:left; font-size:1.2em; color:White;">
                    <asp:Label ID="UserNameLabel" runat="server" AssociatedControlID="UserName">User ID:</asp:Label>
                    <asp:TextBox ID="UserName" runat="server" CssClass="textEntry" Width="176px"></asp:TextBox>
                    <asp:RequiredFieldValidator ID="UserNameRequired" runat="server" ControlToValidate="UserName" 
                         CssClass="failureNotification" ErrorMessage="User ID is required." ToolTip="User ID field is required." 
                         ValidationGroup="LoginUserValidationGroup">*</asp:RequiredFieldValidator>
                </p>
                <p style="text-align:left; font-size:1.2em; color:White;">
                    <asp:Label ID="PasswordLabel" runat="server" AssociatedControlID="Password">Password:</asp:Label>
                    <asp:TextBox ID="Password" runat="server" CssClass="passwordEntry" 
                        TextMode="Password" Width="176px"></asp:TextBox>
                    <asp:RequiredFieldValidator ID="PasswordRequired" runat="server" ControlToValidate="Password" 
                         CssClass="failureNotification" ErrorMessage="Password is required." ToolTip="Password is required." 
                         ValidationGroup="LoginUserValidationGroup">*</asp:RequiredFieldValidator>
                </p>
                <p style="text-align:left; font-size:1.2em; color:White;">
                    <asp:CheckBox ID="RememberMe" runat="server"/>
                    <asp:Label ID="RememberMeLabel" runat="server" AssociatedControlID="RememberMe" CssClass="inline">Keep me logged in</asp:Label>
                </p>
            </fieldset>

            <p class="submitButton">
                &nbsp;<asp:Panel ID="LoginPanel" runat="server"  DefaultButton="LoginButton">
                <asp:Button ID="LoginButton" runat="server" CommandName="Login" Text="Log In" 
                    ValidationGroup="LoginUserValidationGroup" onclick="LoginButton_Click"/>
            </asp:Panel>
                <p>
                </p>
            </p>

        </div>
    </LayoutTemplate>
</asp:Login>


</div>

I wish to know how to let the login buttons click even fire when the users press enter on the keyboard.

Do i have to do the codeing in the .cs page or it can be done in the markup? Please help

Page update with adding javascript in the master page body tag 

<body onload="updateClock(); setInterval('updateClock()', 1000 )" onkeypress="checkenter();">
<script type="text/javascript">
    function checkenter() 
    {
        if (event.keyCode == 13) 
        { //if they pressed enter key then..
            document.formname.LoginButton.focus();

        }
    }
</script>
<form id="Form1" runat="server">
<div class="page">
    <div class="header">
        <div class="title">

LogIn click event action 

protected void LoginButton_Click(object sender, EventArgs e)
    {


        //assign textbox items to string objects
        userIDStr = LoginUser.UserName.ToString();
        pwrdStr = LoginUser.Password.ToString();

        //SQL connection string

        string strConn;
        strConn = WebConfigurationManager.ConnectionStrings["CMSSQL3ConnectionString1"].ConnectionString;

        SqlConnection Conn = new SqlConnection(strConn);



        //SqlDataSource CSMDataSource = new SqlDataSource();
        // CSMDataSource.ConnectionString = ConfigurationManager.ConnectionStrings["CMSSQL3ConnectionString"].ToString();


        //SQL select statement for comparison

        string sqlUserData;
        sqlUserData = "SELECT UserID, UserPassword, UserName, UserType FROM Users";
        sqlUserData += " WHERE (UserID ='" + userIDStr + "')";
        sqlUserData += " AND (UserPassword ='" + pwrdStr + "')";

        SqlCommand com = new SqlCommand(sqlUserData, Conn);
        SqlDataReader rdr;
        string usrdesc;
        string Uname;


        try
        {

            //string CurrentData;
            //CurrentData = (string)com.ExecuteScalar();
            Conn.Open();
            rdr = com.ExecuteReader();
            rdr.Read();
            usrdesc = (string)rdr["UserType"];
            Uname = (string)rdr["UserName"];


            LoginUser.UserName = Uname.ToString();

            rdr.Close();
            Session["userID"] = userIDStr;
            Session["userType"] = usrdesc;


            if (usrdesc.ToLower() == "administrator")
            {
                FormsAuthentication.RedirectFromLoginPage(Uname, false);
                Response.Redirect("~/CaseAdminPage.aspx"/*?adminID=" + userIDStr*/, false);

            }
            else if (usrdesc.ToLower() == "manager")
            {
                FormsAuthentication.RedirectFromLoginPage(Uname, false);
                Response.Redirect("~/ManagerPage.aspx"/*?mgrID=" + userIDStr*/, false);
            }
            else if (usrdesc.ToLower() == "investigator")
            {
                FormsAuthentication.RedirectFromLoginPage(Uname, false);
                Response.Redirect("~/Investigator.aspx"/*?investigatorID=" + userIDStr*/, false);
            }
            else
            {
                Response.Redirect("~/Default.aspx", false);
            }


        }
        catch (Exception ex)
        {
            string script = "<script>alert('" + ex.Message + "');</script>";
        }
        finally
        {
            Conn.Close();
        }


    }

4 answers

solution1
 2  2011-01-21 15:53:44

Have you come across this article?

The defaultbutton attribute may be just what your looking for.

http://geekswithblogs.net/ranganh/archive/2006/04/12/74951.aspx

Good luck.

solution2
 2  2011-01-21 15:54:15

One way I think you can get it to work is by using JavaScript 

<body onkeypress="checkenter();" >


<script language="javascript">
function checkenter() {
  if (event.keyCode == 13) { //if they pressed enter key then..
    document.formname.LoginButton.focus();
  }
}
</script>

solution3
 1 ACCPTED  2011-01-21 15:56:44

Change the div surrounding your login control to an <asp:Panel> control. Then set the DefaultButton property to LoginButton: 

<asp:Panel ID="LoginPanel" runat="server" style="margin-left:0px;" DefaultButton="LoginButton">

    ....

</asp:Panel>

EDIT: code snippet update 

    <!-- Notice I've changed the <div class="accountInfo"> with the
         asp panel to encompass the the textbox controls and the login button -->
    <asp:Panel CssClass="accountInfo" ID="LoginPanel" runat="server" DefaultButton="LoginButton">
        <fieldset class="login">
            <legend style="text-align:left; font-size:1.2em; color:White;">Account Information</legend>
            <p style="text-align:left; font-size:1.2em; color:White;">
                <asp:Label ID="UserNameLabel" runat="server" AssociatedControlID="UserName">User ID:</asp:Label>
                <asp:TextBox ID="UserName" runat="server" CssClass="textEntry" Width="176px"></asp:TextBox>
                <asp:RequiredFieldValidator ID="UserNameRequired" runat="server" ControlToValidate="UserName" 
                     CssClass="failureNotification" ErrorMessage="User ID is required." ToolTip="User ID field is required." 
                     ValidationGroup="LoginUserValidationGroup">*</asp:RequiredFieldValidator>
            </p>
            <p style="text-align:left; font-size:1.2em; color:White;">
                <asp:Label ID="PasswordLabel" runat="server" AssociatedControlID="Password">Password:</asp:Label>
                <asp:TextBox ID="Password" runat="server" CssClass="passwordEntry" 
                    TextMode="Password" Width="176px"></asp:TextBox>
                <asp:RequiredFieldValidator ID="PasswordRequired" runat="server" ControlToValidate="Password" 
                     CssClass="failureNotification" ErrorMessage="Password is required." ToolTip="Password is required." 
                     ValidationGroup="LoginUserValidationGroup">*</asp:RequiredFieldValidator>
            </p>
            <p style="text-align:left; font-size:1.2em; color:White;">
                <asp:CheckBox ID="RememberMe" runat="server"/>
                <asp:Label ID="RememberMeLabel" runat="server" AssociatedControlID="RememberMe" CssClass="inline">Keep me logged in</asp:Label>
            </p>
        </fieldset>

        <p class="submitButton">
            &nbsp;
            <asp:Button ID="LoginButton" runat="server" CommandName="Login" Text="Log In" 
                ValidationGroup="LoginUserValidationGroup" onclick="LoginButton_Click"/>

            <p>
            </p>
        </p>

    </asp:Panel>

solution4
 0  2011-01-21 15:53:53

If there's only one submit button you can put an onsubmit handler in the form tag. I don't really know how to do that with your ASP code, but hopefully you do.

暂无
暂无

The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.

Related Question How can I fire a key press event on a keyboard when a user presses enter button wpf How to call a keyboard key press programmatically? Simulating Enter Key Press sending from a Button on it's Click Event? Perform Button click event when user press Enter key in Textbox How to press Enter button in winium How to Trigger an ItemInserting event of listview on Enter Key Press How to handle Enter key press event on a Grid which is inside DataTemplate How to capture enter key press event in c# windows application? How to move focus on next cell in a datagridview on Enter key press event How to prevent multiple consecutive 'Enter' key press on a button
Related Tags
 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM