Question

我有一个表单，我从用户那里获取两个参数，并按下Go按钮以及按Enter键提交表单。但是在文本框中，当用户键入一个字符时，文本框会显示自动完成的结果。如果用户使用箭头键浏览选项并按下输入特定的自动完成结果，则在选择所选选项之前提交。我希望用户应该能够使用箭头键向下，当他在显示的自动完成列表中获得他的选项时按Enter键。如果他按下回车键，则应提交表格

以下是jsp中的代码

      <tr>  <td>param1: <input type="text" id="param1" placeholder="PARAM(Required)" onKeydown="Javascript: if (event.keyCode==13) getData();"></td>
          <td>Merchant ID: <input type="text" id="merchant" placeholder="Merchant ID(Optional)" onKeydown="Javascript: if (event.keyCode==13) getData();"></td>
    <td><button  class="btn" onclick="getData()" style="position:relative;">Go</button>

</td></tr></thead></table>

按下回车键我在JS中调用getdata函数调用servlet 我怎么能这样做？感谢

Answer 1

如果可以，请与我们分享有关您正在使用的代码，插件或框架等的更多信息......

到目前为止，如果您分享的信息不佳，如果输入匹配关注自动完成所在的输入，则可以禁用表单提交。这是jQuery的一个例子

HTML

<input type="text" id="myInput" />

的Javascript

$(function() {
    $("#myInput").keypress(function(e) {
        var KeyCode = (e.keyCode ? e.keyCode : e.which);
        if(code == 13) return false; // 13 is the code for enter
    });
});

您可以在此处阅读有关事件处理的更多示例：http://api.jquery.com/category/events/

表单在选择自动完成选项时提交

1 个答案: