微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

提交HTML表单,执行javascript功能(警报然后重定向)

我有一个 JavaScript函数,当我通过’onClick’方法调用它时,效果非常好.
基本上它是从html表单中提取数据,然后根据该数据重定向到另一个页面.

但是,当我按“输入”按钮提交表单/调用JavaScript函数时,而不是使用onClick按钮来调用JavaScript函数,它不会像我想要的那样进行响应.

用户按下键盘上的输入按钮时,我想要的是,同样的事情就好像他们按照页面(通过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>

非常感谢任何人谁可以帮助!

解决方法

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

改变动作来指向您的功能将以不同的方式解决问题.

原文地址:https://www.jb51.cc/html/230407.html

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐