HTML創建onsubmit重定向

我試圖將用戶重定向到當前網站上的一個新頁面，一旦表單提交給另一個url。HTML創建onsubmit重定向

我看了這麼多的董事會，找出最好的方法。我無法修改發佈的目標網址，因此我認爲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>

來源

2013-10-10 Ksmooth

我不知道它是否有所作爲，但您的onSubmit在開始時有一個開放的雙引號，但在結尾處沒有關閉。它看起來像是將action作爲onSubmit函數的一部分來讀取。 – Joel

所以，你想重定向到另一個頁面（例如，「/第1頁」），當用戶提交表單，這將是將表單數據發佈到頁面（例如「/ page2」）。它是否正確？

如果您擁有的頁面2意味着您的服務器正在提供頁面，那麼您基本上可以在那裏處理重定向到page1。

但是，如果你沒有自己的頁面，你可以使用AJAX表單數據發佈到第2頁，然後重定向到使用jQuery

$(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'; 
    }); 
});

來源

2013-10-10 03:35:42

自己的網頁中第1頁，我不能肯定我正確理解這個問題。難道這不是很容易完成，而且你發佈的文件更好嗎？（https://urltopostto.com）

你說你不能修改目標網址。這是否意味着您無法向目標文件添加任何內容？

您可以直接將用戶發送到謝謝頁面，然後從幕後提交表單數據。這將是一個$$ - 落後，你必須非常小心地警告用戶，如果事情不起作用（這將是一些時髦的UX），但它會工作。

這裏有很多問題。最好的做法是對你發佈的文件進行處理。

來源

2013-10-10 03:37:20 Mayo

回答

相關問題