Question

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

<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)功能，然后返回validateAlphaNumeric()的textBox函数Textbox。所以我的测试失败了，抛出parameterCount异常。

Javascript for textbox：

 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.
}

由于

Answer 2

你必须在你的文本框（txtId）按键事件

上写下面的代码

 if (e.keyCode == 13) $j("#imgSearch").trigger('click');

此代码执行按钮（imgSearch）点击事件按回车键

function validateAlphaNumeric(event, obj)
{
   if (event.keyCode == 13) $j("#imgSearch").trigger('click');
}

Answer 3

试试这个

$("#txtId").keypress(function (e) {
    if (e.keyCode == 13) {
    $('#btnId').trigger('click');
    }
});

Answer 4

搜索按钮：

请按以下方式为单个文本框

$(document).ready(function(){

$("#txtId").keypress(function(e){

if(e.which==10 || e.which==13)
{
$("#imgSearch").click();
}

}）;

Answer 5

需要添加Return false。

if(event.KeyCode == 13){
document.getElementById('SearchButton').click();
return false;
}

它会起作用...感谢所有人：）

搜索按钮使用javascript点击进入的按键

5 个答案: