表單提交後的Javascript重定向

我是JavaScript的新手，我試圖找到一種方法，而不是在用戶點擊我的表單的「提交」按鈕時顯示「Thank You」div，到我選擇的HTML頁面，即www.site.com/thanks.html。我發現了幾種不同的方式，這是可能的，但仍然無法在此特定形式中成功實現任何內容，並且需要一些幫助。表單提交後的Javascript重定向

下面是HTML表單：

<div class="row"> 
<div class="span12"> 
    <div id="success"></div> 
</div> 

<div class="span6"> 
    <div class="control-group controls-row"> 
     <input class="inputbox span3" type="text" id="rp_name" name="rp_name" placeholder="Name" value="" /> 
     <input class="inputbox span3" type="text" placeholder="Email" name="rp_email" id="rp_email" value="" /> 
    </div><!-- end control group --> 

    <div class="control-group"> 
     <input class="inputbox span6" type="text" name="rp_subject" placeholder="Subject" id="rp_subject" value="" /> 
    </div><!-- end control group --> 

    <div class="control-group"> 
     <input class="btn" id="submit-form" type="submit" name="submit" value="Send Message" /> 
    </div><!-- end control group --> 
</div> 

<div class="span6"> 
    <div class="control-group"> 
     <textarea class="textarea span6" placeholder="Available Days" name="rp_message" id="rp_message"> 
     </textarea> 
    </div><!-- end control group --> 
</div>

這裏是它是從拉動「成功消息」 JS：

$.ajax({ 
    type: 'POST', 
    url: 'php_helpers/contact_form.php', 
    data: data_html, 
    success: function(msg){ 

    if (msg == 'sent'){ 
     success.html('<div class="alert alert-success">Message <strong>successfully</strong> sent!</div>') ; 
      $('#rp_name').val(''); 
     $('#rp_email').val(''); 
     $('#rp_message').val(''); 
     }else{ 
      success.html('<div class="alert alert-error">Message <strong>not</strong> sent! Please Try Again!</div>') ; 
     } 
    } 
});

所以我需要換出「DIV CLASS =」警報警報成功「」區域重定向。希望這是一個簡單的修復！

感謝您的幫助！

來源

2014-03-19 user3372102

我檢出了該線程，但我的用法有點不同。雖然他們建議使用window.location，但我沒有找到明確的方式來實現它與我的表單。我很抱歉，如果它看起來像是重複的 - 我只是試圖找出如何使用它以滿足我的特定需求，因爲我嘗試過並且不成功。 – user3372102

你只是把他們說的用在你想要執行的地方。例如代替'success.html ....' –

我認爲你可以使用window.location這種事情。

例如爲：

window.location = '/success_page';

來源

2014-03-19 17:47:41 mgilson

所以，你可以操縱window.location重定向。

window.location.replace("http://yoursite.com/thankyou.html");

if (msg == 'sent'){ 
    window.location.replace("http://yoursite.com/thankyou.html"); 
    $('#rp_name').val(''); 
    $('#rp_email').val(''); 
    $('#rp_message').val(''); 
}else{ 
    window.location.replace("http://yoursite.com/wrong_information.html"); 
}

來源

2014-03-19 17:48:13 aksu

可以definetly改變頁面的位置。在javascript中有一個設施。

window.location = "YOUR PATH HERE";

來源

2014-03-19 18:02:36

表單提交後的Javascript重定向

回答

相關問題