点击表单上的回车时页面重新加载

Question

是的，有人问过这个问题，没有答案似乎对我没有用。

简单地说，这是代码：

   <form id="frm1" onsubmit="preventDefault();">
  Message: <input type="text" name="message"><br>

  <input type="button" onclick="sendMessage()">
    </form>

<script>
function sendMessage() {
    var message = document.getElementById("frm1").message.value;
    socket.emit('browsermsg', {data: message})
}
$("frm1").submit(function (e) {
    e.preventDefault();
    sendMessage();
    alert("call some function here");
 });
</script>

使用onsubmit="preventDefault();" 没有任何效果，因为使用"onsubmit="return false;"可以完全避免在按下Enter键时提交。

我希望在按下Enter键时提交表单，但同时也不要重新加载页面。 我无法看到完全按下Enter键后页面需要重新加载的代码，我假设它是JS内置的东西？

Answer 1

$("frm1").submit(function (e) {应该是$("#frm1").submit(function (e) {

当您通过ID进行选择时，这就是使用ID $('#Id')的选择器的方式