Question

我有一个jsp，其中包含多个文本框和单个窗体中的按钮。按Enter键我想单击提交按钮，该按钮紧跟在我输入的文本框之后。

<body>
<form action="main.jsp" method="GET">  // form with multiple buttons of same type
<li>First Name: <input type="text" name="first_name"></li>
<li>Last Name: <input type="text" name="last_name" /></li>
<<li class="buttonCode"><div><input type="button" value="Submit" /></div></li>
<li>First I Name: <input type="text" name="first_name1"></li>
<li>Last I Name: <input type="text" name="last_name1" /></li>
<li class="buttonCode" ><div><input type="button" value="Submit" /></div></li>
</form>
<script>
$(document).ready(function() {
    $('input[type=text]').keypress(function (event) {
        if (event.keyCode == '13') { //jquery normalizes the keycode 

            event.preventDefault(); //avoids default action
            $(this).find('input[type=submit]').trigger('click');
            // or $(this).closest('form').submit();
        }
    });
});
</script>
</body>
</html>

Answer 1

只需将输入类型button替换为submit

即可

<input type="submit" value="Submit" />

它将在提交按钮按下或输入按

提交表格

在多按钮形式中，如何在Enter键上单击与活动文本框对应的按钮

1 个答案: