Javascript 表单输入键并单击按钮执行不同的操作

我发现当我按enter键提交表单时，页面会刷新（因为我的表单没有指定操作），但是如果我单击按钮，它会执行jQuery

我如何让回车键同时执行jQuery

这是我的密码：

<form id="signup-form">
    <input type="text" id="text-input-splash" class="text-input" placeholder="Enter your email"><button type="button" id="submit-input-splash">Sign me up</button>
</form>
<p id="validation-message"></p>
<p>100% private and free. No spam. One-click unsubscribe.</p>
<script>
    $(document).ready(function(){
        $("#submit-input-splash").click(function() {
            // import email variable
            var email = $("#text-input-splash").val();
            $.post("signup.php", {email: email}, function(data){
                $("#validation-message").text(data).addClass("error-text");
            });
        });
    });
</script>

给我报名

100%私人和免费。没有垃圾邮件。一键取消订阅

$（文档）.ready（函数（）{
$（“#提交输入启动”）。单击（函数（）{
//导入电子邮件变量
var email=$（“#文本输入飞溅”）.val（）；
$.post（“signup.php”，{email:email}，函数（数据）{
$（“#验证消息”）.text（数据）.addClass（“错误文本”）；
});
});
});

要解决此问题并改进逻辑，请将按钮更改为

type=“submit”

并将事件处理程序挂接到表单的

submit

事件。试试这个：

<form id="signup-form">
  <input type="text" id="text-input-splash" class="text-input" placeholder="Enter your email">
  <button type="submit" id="submit-input-splash">Sign me up</button>
</form>
<p id="validation-message"></p>
<p>100% private and free. No spam. One-click unsubscribe.</p>

---

请阅读美元（“#报名表”）。提交（）；onkeydown事件可以帮助您跟踪表单上的提交事件（在将表单发送到服务器之前触发），这是纯javascript的一种完美的老式方式，输入key做表单标签中规定的事情。按钮执行与之关联的任何脚本。使用像jQuery这样的高级库。。。谁知道发生了什么：D继续划船saylor。虽然不是

PHP

问题-纯粹的

HTML

/

JS

（

jQuery

）（用于标记）