<form> 只需自动一个 <input> GET

Question

<form id="login_form">
    <input type="text" name="forgot_email" placeholder="Email">
    <button id="forgot_button" type="button">Send</button>
</form>

这是我的表单，它不是要发送到任何地方，不是POST或GET，只是一个表单。POST由我的jquery $处理。发布功能。但是，当我在INPUT中单击ENTER时，它的作用就像GET到同一页面。URL变为"localhost/xxx.php?"forgot_email = "

这只发生在它只是一个输入字段，而不是多个输入字段，但这里我只想要一个输入字段，而不是GET到同一个页面…

这是一个方法来解决这个…?我现在很困惑，这是简单的HTML。(我的jquery没有问题，当jquery被禁用时，它的行为方式是一样的)

Answer 1

将您的按钮替换为提交按钮，并将JavaScript绑定到表单的submit事件而不是按钮的click事件。不管用户使用哪种方法来触发表单，你的JS都会触发。

确保你阻止提交事件的默认动作，这样浏览器就不会加载一个新页面。

Answer 2

<form id="login_form" onsubmit="return false;">
    <input type="text" name="forgot_email" placeholder="Email">
    <button id="forgot_button" type="button">Send</button>
</form>

Answer 3

如果使用jquery $('button id or class').click(function(){return false;});

Answer 4

您还可以考虑将输入包装在div而不是form中，因为您没有使用它的任何功能。它还节省了像Quentin建议的那样禁用提交按钮默认事件的工作。