0

我有一个 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>
4

1 回答 1

0

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

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

它将在提交按钮按下或输入时提交表单

于 2013-10-21T04:50:24.853 回答