为什么我点击提交按钮后无法清除数据？

Question

我让它变得简单：

我目前使用 google 表单作为我的数据库。

在我为提交按钮添加重置功能后，它再次将我发送到 google 表单的响应页面的 JS 文件。

你能帮忙吗？谢谢

<form id="form" action="https://docs.google.com/forms/u/2/d/e/1FAIpQLSeBJHw1Q6YlwO_0s2OgMhuyQEj4PLvToM1N1G5BEYQRiZlCLQ/formResponse">
                <label for="">It's FREE</label>
                <input type="text" placeholder="Full Name" class="inputs" id="input1" name="entry.1045366435">
                <input type="email" placeholder="Email" class="inputs" id="input2" name="entry.1398681060">
                <textarea cols="30" rows="10" placeholder="Message" id="input3" name="entry.403219718"></textarea>
                <input type="submit" id="submit" value="Send">
            </form>

$('#form').submit(function(e) {
    alert("Thanks for signing up. We will contact you as soon as we can.");
    e.preventDefault();
    $.ajax({
        url: "https://docs.google.com/forms/u/2/d/e/1FAIpQLSeBJHw1Q6YlwO_0s2OgMhuyQEj4PLvToM1N1G5BEYQRiZlCLQ/formResponse",
        data: $(this).serialize(),
        type: "POST",
        success: function(data) {
            $('#form')[0].reset()
          },
        dataType: "xml",
        success: function(data) {
            console.log('Submission successful');
        },
        error: function(xhr, status, error) {
            console.log('Submission failed: ' + error);
        }

    });
});
//Alert + Disable google form response page

Answer 1

首先你不应该有两个不同的提交处理程序，只使用一个。第二次重置是在表单上，而不是输入。

success: function(data) {
  $('#form')[0].reset()
  console.log('Submission successful');
},

Answer 2

reset() 是一种针对表单的方法。

因此您需要 select 表格。

document.getElementById("form").reset();

为什么我点击提交按钮后无法清除数据？

Why can't I clear data after click on submit button?

javascript

google-drive-api

google-forms