我有两个不同的输入字段与他们各自的提交按钮,我希望用户能够输入到任何一个文本框输入他们的输入,然后按回车键,并具有与点击提交按钮相同的效果。目前,在文本框中输入内容并按下回车键不起作用。我正在使用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);
}
});
});
提前
谢谢!
谢谢Maksym!这真的很有帮助。 – user1543269 2012-07-22 18:26:48
不客气。不要忘记标记为最佳答案;))谢谢。 – Maksym 2012-07-22 19:25:44