Javascript 输入键不'；t启动按钮

我有一个表单，其中有一个用户需要键入的字段，下面有一个按钮，单击该按钮时执行一些jQuery并隐藏登录表单。但当我在输入内容后按enter键时，页面会刷新

我有一部分人认为它不需要是

或

我实际上不需要发布任何东西。我尝试将输入更改为

，这完全破坏了我的样式，仍然无法工作。最好的办法是什么

<div class="login-page">
    <div class="form">
    <form class="login-form" method="POST">

   <!-- user inputs -->
   <p class="phc">PHC:</p><input type="text" id="username" placeholder="Enter Your PHC Here" />

   <!-- your submit button -->
   <input class="login" type="button" id="submit" value="login">
</div>

phc：

---

您需要将

按键

事件附加到表单或至少是字段。为了方便起见，您还需要将回调函数组合成一个函数

$('#username').on('keypress', function(event){
    var code = event.keyCode || event.which;
    if(code == 13){ 
        // submit the form.
    }
});

$（'#用户名'）。在（'keypress'，函数（事件）{
var code=event.keyCode | | event.which；
如果（代码==13）{
console.log（“提交表单”）；
}
});

phc：
是的，亚当。如果表单不包含类型提交按钮，则必须手动添加按键事件。否则，Enter将充当表单上的Accept（接受）按钮。
如果在聚焦到具有submit（提交）按钮的表单内的输入字段时按下Enter键，则默认浏览器行为是在该表单上触发提交事件。您可以通过以下任一方法防止这种情况发生：

返回false
或
e.preventDefault（）

完整代码：

$('.login-form').on('submit', function() {
    return false;
});

小提琴：

请记住，如果使用
e.preventDefault（）或
返回false
，您需要从函数调用中传递
e
变量，如：

$（'.login form'）。在（'submit'，函数（e）{…
上，我认为我解释得不太清楚，但我已经修复了它，回车键现在激活了提交按钮，而不是刷新页面

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

$(document).ready(function(){
    $('#username').keypress(function(e){
      if(e.keyCode==13)
      $('#submit').click();
    });
});

Post
#submit
Handler在您的整个页面中，是否有任何带有
type=“sumbit”
的按钮声明？似乎不起作用，是否需要添加一些内容？@RhysE96，请发布JavaScript代码片段，以便我可以提供进一步的帮助。这并没有回答以下问题：“当我按enter键时，如何停止页面刷新”。