[英]How to find two default submit buttons when i press the Enter key in asp.net using jQuery?
[英]How to submit using the enter key when there are two buttons
我有兩個不同的輸入字段及其各自的提交按鈕,我希望用戶能夠將其輸入輸入到任一文本框中,然后按Enter鍵並具有與單擊提交相同的效果按鈕。 目前,在文本框中鍵入內容並按Enter鍵不會執行任何操作。 我正在使用HTML和JavaScript以及ASP .NET MVC3。 我的代碼看起來像這樣:
HTML
<table>
<tr>
<td><span class="labelText">Text1</span></td> <td><input id="text1" type="text" placeholder="Enter Text1"/> </td> <td style="width: 110px; text-align: left; margin-left: 5px"><button class="medium awesome blue" id="sendText1">Send Text1</button></td>
</tr>
<tr>
<td> <span class="labelText">Text2</span> </td> <td><input id="text2" type="text" placeholder="Enter Text2"/> </td> <td style="width: 110px; text-align: left; margin-left: 5px"> <button class="medium awesome blue" id="sendText2">Send Text2</button> </td>
</tr>
JavaScript
$('#sendText1').click(function () {
$('#text2').val("");
var text1 = $("#text1").val();
$('#loadingUsageInfo').css({ 'visibility': 'visible' });
if (text1 == "" || text1 == 'Enter Text1') {
alert('Enter Text First');
return;
}
$.ajax({
url: '@Url.Action("ShowResult1", "Folder")',
type: 'POST',
contentType: 'application/json; charset=utf-8',
data: JSON.stringify({ input1: text1 }),
traditional: true,
success: function (result) {
$('#info').html(result);
}
});
});
$('#sendText2').click(function () {
$('#text2').val("");
var text2 = $("#text2").val();
$('#loadingUsageInfo').css({ 'visibility': 'visible' });
if (text2 == "" || text2 == 'Enter Text2') {
alert('Enter Text First');
return;
}
$.ajax({
url: '@Url.Action("ShowResult2", "Folder")',
type: 'POST',
contentType: 'application/json; charset=utf-8',
data: JSON.stringify({ input2: text2 }),
traditional: true,
success: function (result) {
$('#info').html(result);
}
});
});
提前致謝!
您的文本字段不知道它們應該在某處提交值。 您可以通過form
標記將它們包圍來告訴他們。
我最終做了這樣的事情。
$("#textbox").keypress(function (e) {
var code = (e.keyCode ? e.keyCode : e.which);
if (code === 13) {
e.preventDefault();
$("#btn").trigger("click");
}
});
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.