Sen-6ren">
gpt4 book ai didi

jquery - 使用带有按钮的回车键提交表单

转载 作者:太空宇宙 更新时间:2023-11-04 15:27:28 25 4
gpt4 key购买 nike

我需要使用回车键提交表单,但在我的案例中,这与本网站中的其他问题不同。我没有 input[type="submit"] , 但我有一个按钮 ( <button id=""></button> )。

我的表单的完整代码:

<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
<script src="js/my_script.js" type="text/javascript"></script>

<form id="myForm" action="userInfo.php" method="post">
<textarea name="mesazhi" cols="35" rows="4"></textarea>
<?php $idiperdoruesit = $_SESSION['id']; ?>
<input type="hidden" name="idiperdoruesit" value="<?php echo $idiperdoruesit; ?>" />
<br /><button id="sub" style="border-radius:0px; border-size:2px; border-style:solid; border-color:#ffffff; border-width:thin; background-color:#000000; color:#ffffff; height:26px; width:60px; font-size:16px;">Send</button>
</form>

当用户单击“发送”按钮时,jquery 函数会在不重新加载页面的情况下将消息发送到数据库。下面是 jquery 函数:

$("#sub").click( function() {
$.post( $("#myForm").attr("action"),
$("#myForm :input").serializeArray(),
function(info){ $("#result").html(info);
});
clearInput();
});

$("#myForm").submit( function() {
return false;
});

function clearInput() {
$("#myForm :input").each( function() {
$(this).val('');
});
}

如何通过按回车键发送消息?

最佳答案

您可以使用 keydown 处理程序来执行此操作。返回键是键13。

$('input').on( 'keydown', function( e ) {
if( e.which == 13 ) {
tickleAPolarBear();
//or something like $('#myForm').submit();
}
} );

参见 mdn有关按键事件的更多信息。

关于jquery - 使用带有按钮的回车键提交表单,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18316904/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com