提交HTML表单，执行javascript功能(警告，然后重定向)
提交HTML表单，执行javascript功能(警告，然后重定向)
提问于 2012-10-31 00:52:12
我有一个JavaScript函数，当我通过'onClick‘方法调用它时，它工作得很好。基本上，它所做的就是从html表单中提取数据，然后根据这些数据重定向到另一个页面。
然而，当我按下'enter‘按钮提交表单/调用JavaScript函数，而不是使用onClick按钮调用JavaScript函数时，它不会像我希望的那样响应。
我希望当用户按下键盘上的enter按钮时，发生的事情就像他们点击by page上的'proceed按钮‘一样(它通过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;
}表单如下所示：
<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>非常感谢任何能帮上忙的人！
回答 3
Stack Overflow用户
回答已采纳
发布于 2012-10-31 01:29:51
<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>将操作更改为指向您的函数将以不同的方式解决问题。
Stack Overflow用户
发布于 2012-10-31 01:21:58
您需要防止默认行为。在这种情况下，你可以使用e.preventDefault()或return false;，最好的是，你可以在这里使用return false;：
<form onsubmit="completeAndRedirect(); return false;">Stack Overflow用户
发布于 2012-10-31 01:19:35
看起来您的表单正在提交，这是默认行为，您可以使用以下命令停止它：
<form action="" method="post" onsubmit="completeAndRedirect();return false;">页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/13143932
复制相关文章
相似问题