Javascript：表单提交后的 URL 重定向答案

【问题标题】：Javascript : Url Redirection after form submissionJavascript：表单提交后的 URL 重定向
【发布时间】：2021-08-24 08:21:22
【问题描述】：

我有以下时事通讯 Mailchimp 表格：

<div class="mc4wp-form-fields"><p>
    <label>Email: 
        <input type="email" name="EMAIL" placeholder="" required="">
</label>
</p>

<p>
    <input type="submit" value="Subscribe">
</p></div>

当有人点击订阅按钮时，我需要在 2 秒后重定向到新标签中的新 URL。例如www.youtube.com

使用 javascript 怎么可能发生这种情况？

【问题讨论】：

window.location = "www.youtube.com" 将完美运行

标签： javascript

【解决方案1】：

使用以下代码更改您的按钮，然后将 myFunction() 函数代码放入您的文件中。

<input id="button" type="submit" name="button" onclick="myFunction();" value="Subscribe"/>


<script>
function myFunction(){
    setTimeout(function () { window.location = "www.youtube.com" }, 2000);
};   
</script>

【讨论】：

【解决方案2】：

要检测按钮的点击，请使用this method。然后，要在 X 秒后重定向用户，请查看 here。

【讨论】：

我是 javascript 新手，你能写出确切的代码吗？ sumit 按钮的类型，而不是类。
试试这个：codepen.io/Modz_/pen/KKqKxVX。应该可以的，如果不报告给我，我直接用HTML页面试试

【解决方案3】：

对于您的订阅按钮，您可以这样做：

<input type="submit" value="Subscribe" onclick="subscribe()"/*executes a command on click*/>

执行此操作时，您将获得引用 javascript 函数的按钮。

现在，您可以包含 javascript 函数了。

function subscribe(){
    setTimeout(function () {
          location.replace("https://youtube.com")/*replaces the website with youtube.com*/
    }
}, 2000 /*waits for 2000 miliseconds(2 seconds) before executing code in setTimeout*/);

这里是实时代码。

function subscribe() {
  setTimeout(function() {
    location.replace("https://youtube.com")/*replaces the website with youtube.com*/
  }, 2000 /*waits for 2000 miliseconds(2 seconds) before executing code in setTimeout*/ );
}

<div class="mc4wp-form-fields"><p>
    <label>Email: 
        <input type="email" name="EMAIL" placeholder="" required="">
</label>
</p>

<p>
    <input type="submit" value="Subscribe" onclick="subscribe()" /*executes a 
command on click*/>
</p></div>

【讨论】：