按Enter鍵時提交表格

我有一個帶有許多按鈕的aspx頁面，我有一個搜索按鈕，當用戶按下回車鍵時，我想要觸發它的事件。我該怎麼做？按Enter鍵時提交表格

2010-12-22 Jishnu A P

對於其他人來這裏，這個問題線程可能會更有用。 https://stackoverflow.com/questions/7020659/submit-form-using-a-button-outside-the-form-tag – 2017-06-30 04:45:11

您設置的形式默認按鈕：

<form id="Form1" 
    defaultbutton="SubmitButton" 
    runat="server">

來源

2010-12-22 10:08:51

但我使用的形式是在母版頁！ – 2010-12-22 10:18:57

讓它形式或面板的默認按鈕。

任何一個人都可以將DefaultButton屬性設置爲所需的按鈕。

來源

2010-12-22 10:10:17 Oded

$(document).ready(function() { 

$("#yourtextbox").keypress(function(e) { 
     setEnterValue(e); 
    }); 
}); 

function setEnterValue(e) { 
var key = checkBrowser(e); 
if (key == 13) { 
//call your post method 
} 


function checkBrowser(e) { 
if (window.event) 
    key = window.event.keyCode;  //IE 
else 
    key = e.which;  //firefox 
return key;}

調用上面的函數，它會幫助你檢測輸入鍵和比打電話給你的POST方法。

來源

2010-12-22 11:28:00 ankur

使用輸入按鈕進行製作動作並點擊無頭痛按鈕的最佳方法如果用戶按下輸入或不使用js檢查每個輸入是使用submit輸入類型。

但是你會面臨onsubmit不適用於asp.net的問題。

我用非常簡單的方法解決了這個問題。

如果我們有這樣一個形式

<form method="post" name="setting-form" > 
    <input type="text" id="UserName" name="UserName" value="" 
     placeholder="user name" > 
    <input type="password" id="Password" name="password" value="" placeholder="password" > 
    <div id="remember" class="checkbox"> 
    <label>remember me</label> 
    <asp:CheckBox ID="RememberMe" runat="server" /> 
    </div> 
    <input type="submit" value="login" id="login-btn"/> 
</form>

現在，您可以捕捉得到的形式回發之前該事件，並從回傳阻止它，做所有你想用這個jQuery的阿賈克斯。

$(document).ready(function() { 
      $("#login-btn").click(function (event) { 
       event.preventDefault(); 
       alert("do what ever you want"); 
      }); 
});

來源

2015-10-09 12:30:41

按Enter鍵時提交表格

回答

相關問題