Javascript 创建onsubmit重定向的HTML

一旦表单提交到另一个url，我将尝试将用户重定向到当前网站上的新页面

我看了这么多的黑板，想找出最好的方法。我无法修改发布的目标URL，因此我认为onsubmit函数最适合将用户重定向到另一个页面。但由于某种原因，我不知道如何让重定向工作

以下是我现在掌握的代码：

<form method=post onSubmit="window.location.href='https://thankyoupage.com/'action="https:       //urltopostto.com?encoding=UTF-8"><input type="hidden" name="inquiry_from" value="website" />
    <fieldset><legend style="display: inline !important;">We Can't Wait to Hear from You</legend>
    <div><label for="first_name">First Name*</label>
    <input id="first_name" type="text" maxlength="40" name="first_name" required="" size="20" /></div>

    <div><label for="last_name">Last Name*</label>
    <input id="last_name" type="text" maxlength="80" name="last_name" required="" size="20" /></div>

    <div><label for="email">Email*</label>
    <input id="email" type="email" name="email" required="" size="20" /></div>

    <div><label for="phone">Phone*</label>
    <input id="phone" type="tel" name="phone" placeholder="(111) 111-1111" required="" size="20" /></div>
</fieldset>

<fieldset><legend>Company Information</legend>

    <div><label for="company">Organization Name*</label>
    <input id="organization" type="text" maxlength="40" name="organization" required="" size="20" /></div>
    <div>
    </fieldset>
<fieldset>

<div><label for="Inquiry">Can you provide us additional information?</label>
<textarea id="inquiry" maxlength="&quot;256" name="inquiry" rows="6" wrap="soft"></textarea>       </div>
<section><input type="submit" value="Submit" /></section></fieldset>

</form>

---

因此，当用户提交表单并将表单数据发布到页面（例如，“/page2”）时，您正试图重定向到另一个页面（例如，“/page1”）。这是正确的吗

如果您拥有page2，这意味着您的服务器正在为页面提供服务，那么您基本上可以处理重定向到page1的问题

但是，如果您不拥有该页面，可以使用AJAX将表单数据发布到page2，然后使用jQUery重定向到页面内的page1

$(document).ready(function () {
  $('#submit_button_for_the_form').click(function (e) {
    // Don't do the regular form POST
    e.preventDefault();

    // Get form variables...
    var first_name = $('#first_name').val();
    var last_name = $('#last_name').val();
    ...

    // Post the form variables to page2
    $.post('/page2', {
      first_name : first_name,
      last_name : last_name,
      ...
    });

    // redirect to page1
    window.location = '/page1';  
  });
});

---

我不能肯定我是否正确理解了这个问题。这不是很容易做到，而且从您发布到的文件中可以得到更好的效果吗？（）

您说您不能修改目标url。这是否意味着您也不能向目标文件添加任何内容

您可以将用户直接发送到感谢页面，然后从后台提交表单数据。这将是一个$$-反向操作，如果事情不起作用（这将是一些时髦的UX），但它会起作用，您必须非常小心地警告用户

---

这里有很多问题。最好是处理您发布到的文件。

我不知道这是否有区别，但您的onSubmit在开始时有一个开放的双引号，但在结束时没有结束引号。看起来操作是作为onSubmit函数的一部分读取的。