搜索按鈕單擊使用javascript輸入的按鍵

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的returnpassTxtboxValue(imgSearch)函數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.
}

謝謝

Answer 2

您必須在文本框（txtId）按鍵事件上編寫以下代碼

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

此代碼執行按鈕（imgSearch）在按Enter鍵時單擊事件

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

它將起作用...謝謝大家:)