2014-06-06 109 views
0

我有文本框,每個文本框包含旁邊的搜索按鈕。 在按鍵我需要驗證字母數字字符,如果按Enter鍵我需要搜索。 現在,我的文本框包含:搜索按鈕點擊使用javascript輸入的按鍵

<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功能TextboxvalidateAlphaNumeric()。所以我的測試通過拋出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; 
     } 
    } 

u能PLS建議我如何在走到這一步?

感謝,

+0

可以添加你的代碼的其餘部分呢?喜歡你的javascript和代碼 –

+0

Javascript的文字:在上面的問題中加入。 – Lak

回答

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

感謝

+0

e.preventDefault()停止我的代碼: 以下錯誤顯示: 對象不支持屬性或方法'preventDefault' – Lak

+0

需要在搜索按鈕單擊文本框驗證後添加返回false ...它工作:)謝謝所有:) – Lak

0

你必須寫下面的代碼在你的文本框(txtId)按鍵事件

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

這段代碼執行按鈕(imgSearch)上按點擊事件進入關鍵

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

你可以給我在JavaScript的aboce代碼? 和我想我已經在JavaScript中做了同樣的事情。 if(event.keycode == 13){document.getelemntById('imgSearch')。Click(); – Lak

+0

aboce代碼的含義是什麼? –

+0

它應該是*上面...錯字錯誤...對不起... – Lak

0

試試這個

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

搜索按鈕:

請爲一個單一的文本框

$(document).ready(function(){ 

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

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

})以下方式做;

});

0

需要添加返回false。

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

它將工作...感謝所有:)