javascript - Enter 键无法激活按钮

Question

我有一个表单，其中有一个字段供用户输入，下面有一个按钮，当单击该按钮时，会执行一些 jQuery 操作并隐藏登录表单。但是当我输入内容后按 Enter 时，页面会刷新...

我的一部分认为它不需要是 <input>或<form>

我实际上不需要发布任何内容。我尝试将输入更改为 <button>这完全破坏了我的造型并且仍然不起作用。解决这个问题的最佳方法是什么？

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

Answer 1

确实，亚当。如果表单不包含提交类型按钮，则必须手动添加按键事件。否则Enter将充当表单上的接受按钮。