提交HTML表单，执行javascript功能（警报然后重定向）

我有一个JavaScript函数，当我通过“onClick”方法调用它时，它工作得非常好。 基本上，它所做的是从html表单中提取数据，然后基于该数据重定向到另一个页面

但是，当我按下“enter”按钮提交表单/调用JavaScript函数时，它没有像我希望的那样响应，而不是使用onClick按钮调用JavaScript函数

我想，当用户按下键盘上的enter按钮时，同样的事情会发生，就像他们在by page（通过onClick调用函数）上单击“继续”按钮一样

这是我的密码：

JS函数：

function completeAndRedirect(){
    alert('You\'re nearly there! To complete your entry, you simply need to tap \'continue\' on the next page. Good luck!');
    location.href='http://google.com/?SID='+'<? echo $CATEGORY; ?>'+','+'<? echo $PLATFORM; ?>'+','+'<? echo $DEVICE; ?>'+'&email='+document.forms[0].elements[0].value;
}

函数completeAndRedirect（）{
提醒（“你就快到了！要完成你的输入，只需点击下一页的“继续”。祝你好运！”）；
location.href=http://google.com/?SID=“+”+”、“+”+”、“+”+”&电子邮件=”+文档。表单[0]。元素[0]。值；
}

表格如下：

<form action="" method="post" onsubmit="completeAndRedirect()">
    <input type="text" id="Edit1" style="width:280; height:50; font-family:'Lucida Sans Unicode', 'Lucida Grande', sans-serif; font-size:22px">
</form>

---

非常感谢任何能帮忙的人

看起来您的表单正在提交，这是默认行为，您可以使用以下命令停止它：

<form action="" method="post" onsubmit="completeAndRedirect();return false;">

---

您需要防止默认行为。您可以使用

e.preventDefault（）

或

返回false

在这种情况下，最好的方法是使用

返回false此处：

<form onsubmit="completeAndRedirect(); return false;">




将操作更改为指向函数将以另一种方式解决问题。
按enter键时实际会发生什么情况？
<form action="javascript:completeAndRedirect();">
    <input type="text" id="Edit1" 
    style="width:280; height:50; font-family:'Lucida Sans Unicode', 'Lucida Grande', sans-serif; font-size:22px">
</form>