c# - 使用 javascript 搜索按钮单击 Enter 按键

Question

我有文本框，每个文本框旁边都包含搜索按钮。按下按键时，我需要验证字母数字字符，如果按下 Enter 键，我需要搜索。现在，我的文本框包含:

<asp:TextBox ID="txtId" runat="server"  TabIndex="1" MaxLength="30" onkeypress="return validateAlphaNumeric(event, this);"></asp:TextBox>
Search Button:
<asp:ImageButton ID="imgSearch" runat="server" ImgUrl=".gif" OnClientClick="returnpassTxtboxValue(imgSearch);"/>

现在如果我这样做:

If (event.KeyCode == 13) then SearchButton.Click();

这会执行搜索按钮的returnpassTxtboxValue(imgSearch)函数，然后返回到Textbox的textBox函数validateAlphaNumeric()。因此，我的测试因抛出 parameterCount 异常而失败。

文本框的 JavaScript:

 function validateAlphaNumeric(evt, textBox) {
        var charCode;
        charCode = (evt.which) ? evt.which : window.event.keyCode;

        if (charCode >= 97 && charCode <= 122 || charCode >= 65 && charCode <= 90 || charCode == 8 || charCode >= 48 && charCode <= 57 || charCode == 45 || charCode == 13) {
            //if (charCode == 13) {
            //    document.getElementById('SearchButton').click();

            //}
            return true;
        }
        else {
            return false;
        }
    }

你能建议我如何克服这个问题吗？

谢谢

Answer 1

你应该这样做

    <asp:TextBox ID="txtId" runat="server"  TabIndex="1" MaxLength="30" onkeypress="return validateAlphaNumeric(event, this);"></asp:TextBox>
    Search Button:
    <asp:ImageButton ID="imgSearch" runat="server" ImgUrl=".gif" onclientClick="Validate(this);"/>


$(document).ready(function(e){
  $("#txtId").on("keyup",function(e){

     if(e.keycode == 13){ 
        $("#imgSearch").trigger("click");
     }
  }  
});

function Validate(e){
 e.preventDefault();
 // Do your validation Code here.
}

谢谢