c# - 点击回车键提交

标签 c# javascript jquery asp.net .net

我在进入事件时遇到问题。我已经阅读了有关此问题的多篇文章,但尚未找到解决方案。 该项目必须在 Chrome、FF 和 IE (8、9、10、11) 中运行。目前它无法在任何浏览器中运行。

我在一页上有两个表单的注册/登录

<asp:Panel ID="pnlRegister" runat="server"BorderWidth="0">
     <table class="register">
          <tr align="left">
               <td class="row_left_heading" colspan="2">
                    <asp:TextBox ID="txtFirstName" runat="server" CssClass="textbox_required"></asp:TextBox>
               </td>
          </tr>
          <tr>
               <td class="row_left">
        Last name
                </td>
                <td class="row_right">
                     <asp:TextBox ID="txtLastName" runat="server" CssClass="textbox_required"></asp:TextBox>
                </td>
           </tr>

...................................... 还有更多申请输入数据和验证申请 ......................................

-Register button

<asp:ImageButton runat="server" ValidationGroup="group_registration" 
  ID="btnRegister" CssClass="btnDownload"      
  ImageUrl="../images/download_now_blue_clear.png" 
  OnClick="btnRegister_Click" />

页面右侧,有登录元素

<tr align="left">
     <td class="row_left">
          Email
     </td>
     <td>
          <asp:TextBox ID="txtUserName" runat="server"
             CssClass="textbox_required"></asp:TextBox>
     </td>
</tr>
<tr>
     <td class="row_left">
           Password
     </td>
     <td>
           <asp:TextBox ID="txtPassword" runat="server"
               CssClass="textbox_required" TextMode="Password"></asp:TextBox><br />
     </td>
 </tr>

...和登录按钮

<asp:ImageButton runat="server" ValidationGroup="group_login"
    ImageUrl="/forum/forum_images/button_login.png"
    ID="btnLogin" OnClick="btnLogin_Click"
    />

上面是输入数据的表单,通过鼠标按钮单击时一切正常。

输入按钮代码:

   /// <summary>
    /// Sets up javascript events that handle posting data using enter key
    /// </summary>
    private void SetupJSEventHandlers()
    {
        txtUserName.Attributes.Add("onfocus", "SetActiveForm('login');");
        txtUserName.Attributes.Add("onblur", "DeactivateForm();");

        txtPassword.Attributes.Add("onfocus", "SetActiveForm('login');");
        txtPassword.Attributes.Add("onblur", "DeactivateForm();");

        txtFirstName.Attributes.Add("onfocus", "SetActiveForm('register');");
        txtFirstName.Attributes.Add("onblur", "DeactivateForm();");

        txtPhone.Attributes.Add("onfocus", "SetActiveForm('register');");
        txtPhone.Attributes.Add("onblur", "DeactivateForm();");

        txtEmail.Attributes.Add("onfocus", "SetActiveForm('register');");
        txtEmail.Attributes.Add("onblur", "DeactivateForm();");
    }

并捕获:

  protected void Page_Load(object sender, EventArgs e)
    {
        if (!Page.IsPostBack)
        {
            ......
            SetupJSEventHandlers();
        }
        else
        {
            if (Request[ACTIVE_FORM_NAME] == "register")
            {
                btnRegister_Click(null, null);
            }
            else if (Request[ACTIVE_FORM_NAME] == "login")
            {
                btnLogin_Click(null, null);
            }
    txtFirstName.Focus();
    }

我尝试过的另一个代码片段(但失败了):

private void textBox_KeyDown(object sender, KeyEventArgs e) {
     if (e.KeyCode == Keys.Enter)
          {
               if (Request[ACTIVE_FORM_NAME] == "register")
          {
               btnRegister_Click(null, null);
          }
          else if (Request[ACTIVE_FORM_NAME] == "login")
          {
                btnLogin_Click(null, null);
          }
      }
 }

最佳答案

您可以通过使用面板或表单的 DefaultButton 属性来完成此操作。您可以为不同的面板设置不同的DefaultButton

 <asp:Panel runat="server" ID="pnlRegister" DefaultButton="btnRegister">

关于c# - 点击回车键提交,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22169606/

相关文章:

javascript - 为 flot 图形数组格式化 json 数据

javascript - 如何停止 JQuery 的 $.Deferred() 中的错误传播?

javascript - 由外部按钮控制的可折叠菜单

javascript - jquery datepicker - 选定日期加上 6 天

c# - WPF ListBoxItem IsMouseOver

c# - 导入 Windows 窗体 (C#)、Visual Studio 2012

javascript - 响应式 CSS 图像窗帘效果

javascript - 如何在页面中拥有一个 jQuery 播放器对象的多个实例(音频对象)

C# 编码带有换行符的文本字符串

c# - Treeview 控件 - ContextSwitchDeadlock 解决方法