在多按钮表中，如何在输入按键时点击活动文本框对应按钮

Question

我有一个jsp，它在一个form.On中包含多个文本框和按钮，按Enter键，我想单击submit按钮，它紧跟在我输入的文本框之后。

​

<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" />

它将在按下提交按钮或按回车键时提交表单