我有一个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>
非常感谢任何能帮上忙的人!
发布于 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>
将操作更改为指向您的函数将以不同的方式解决问题。
发布于 2012-10-31 01:21:58
您需要防止默认行为。在这种情况下,你可以使用e.preventDefault()
或return false;
,最好的是,你可以在这里使用return false;
:
<form onsubmit="completeAndRedirect(); return false;">
发布于 2012-10-31 01:19:35
看起来您的表单正在提交,这是默认行为,您可以使用以下命令停止它:
<form action="" method="post" onsubmit="completeAndRedirect();return false;">
https://stackoverflow.com/questions/13143932
复制相似问题