![](/img/trans.png)
[英]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.