时间戳

首页 > 解决方案 > 如何防止自定义表单重定向到谷歌表单提交响应页面？

javascript - 如何防止自定义表单重定向到谷歌表单提交响应页面？

问题描述

我有一个连接到谷歌表单的自定义 HTML 表单。当用户提交表单时，页面会重定向到 forms.google.com“您的回复已被记录”页面。如何防止用户被重定向出我的网站，而是给他们一个自定义弹出窗口，说明表单已提交。preventDefault 和 stopImmediatePropagation 不起作用。

 <div>
    <form action="https://docs.google.com/forms/u/...." target="_self" method="POST">
              <label class="formLabel" for="name">Name</label>
              <input class="inputValues" type="text" id="name" name="entry.1059844657" placeholder="Name"><br>
              <label class="formLabel" for="email">Email</label>
              <input class="inputValues" type="email" id="email" name="entry.2048065676" placeholder="abc@client.com"><br>
              <label class="formLabel" for="phone">Phone</label>
              <input class="inputValues" type="tel" id="phone" name="entry.1330942399" placeholder="111-222-3333"><br>
              <label class="formLabel" for="Email">Comments</label>
              <textarea class="inputValues" id="email" name="entry.2052823483" placeholder="Email"></textarea><br>
                 
              <button class="submit" type="submit" value="submit">Submit</button>

              </form>


document.querySelector(".submit").addEventListener("submit", function (e) {
  e.preventDefault();
  e.stopImmediatePropagation();
});


[![Google submission page][1]][1]

标签： javascripthtmlformssubmitgoogle-forms

解决方案

推荐阅读