使用Javascript提交表單後重定向

我希望有人可以幫助解決這個問題。我沒有訪問網站後端，所以我不能改變上傳的js腳本。我想要做的是製作一個簡單的表單來提交問題報告，然後顯示「謝謝」彈出窗口並重定向到我們頁面上帳戶的主頁面。使用Javascript提交表單後重定向

所以我可以使表格沒有問題。我通過編輯鏈接並單擊頁面主體中的顯示源複製其中一個功能表單。但是我無法停止在按下「提交」按鈕後轉到其他頁面的默認行爲。我懷疑它是在後端的js腳本中。我會複製下面的代碼。

<center> 
<b>App Issues Report Form</b> 
<br> 
</center> 

<form action="/Modules/SendForm" method="post" class="form" id="NewForm"> 
<input name="formFields" value="CONTACTID,AgentName,Notes" type="hidden"> 
     <input name="formLabels" value="Contact ID:,Agent Name:,Notes:" type="hidden"> 
     <input name="fromAddress" value="[email protected]" type="hidden"> 
     <input name="toAddress" value="[email protected]" type="hidden"> 
     <input name="subject" value="A new message about app" type="hidden"> 
     <input name="emailMsg" value="The following data has been collected:" type="hidden"> 
     <input name="CONTACTID" value="##CONTACTID##" type="hidden"> 
<input name="companyId" value="##COMPANY_ID##" type="hidden"> 


         <div class="clearfix"> 
         <label>Agent Name:</label> 
         <div class="input"><input id="AgentName" name="AgentName" 
class="validate[required] xlarge" value="##LOGGEDIN_AGENT_FIRST_NAME## 
##LOGGEDIN_AGENT_LAST_NAME##" type="text"> 
         </div> 
        </div> 

<div class="clearfix"> 
         <label>Notes:</label> 
         <div class="input"><textarea id="Notes" name="Notes" 
class="validate[required] xxlarge"></textarea> 
         </div> 
</div> 
        <div class="clearfix grey-highlight"> 
        <div class="input no-label"> 
         <input class="button blue" value="Submit" type="submit"> 
         <input class="button grey" value="Reset" type="reset"> 
        </div> 
       </div> 

</form> 
<script type="text/javascript"> 
$(document).ready(function() { 
$("NewForm").click(function(event) { 
alert("Thank you for your feedback"); 
event.preventDefault(); 
}); 
}); 
</script>

它以前只有這樣在最後的時候我複製的代碼：

<script type="text/javascript"> 
$(document).ready(function() { 
new setupAjaxForm('NewForm'); }); 
</script>

我試圖尋找和建議，這裏沒有似乎工作：

How to redirect user to another page after Ajax form submission

How to redirect user to another page after Ajax form submission?

http://learn.jquery.com/about-jquery/how-jquery-works/

來源

2014-03-18 Vik

標題說[標籤：爪哇]。你的意思是[標籤：javascript]？ –

我剛剛糾正，@MattBall;） – webeno

你必須要看的第一件事是action="/Modules/SendForm" - 這就是重定向。如果您不想重定向，請將其設置爲您擁有表單的頁面的名稱。顯然還有更多的形式和重定向（和其他一些JS代碼也可能會影響到這一點，儘管如此，我們並沒有看到函數setupAjaxForm應該在這裏做什麼），但這實際上是第一件檢查/獲取對。

編輯：我覺得我現在更明白：基本上如果你沒有訪問/Modules/SendForm頁（其中最可能的是，除其他外，像表單驗證，重定向也發生了，那麼你就不能做很多改變重定向

來源

2014-03-18 19:09:30 webeno

謝謝。無論表單是否提交到 - 我的收件箱都很好地用彩條等格式化。我想保留該功能。點擊「提交」後，我只需要它進入不同的網頁。還有一個彈出之後說：謝謝你... – Vik

是的，我沒有訪問該模塊頁面...但我想event.preventDefault（）;可以停止默認行爲 – Vik

或者我可以只添加一個用戶在進入默認頁面之前點擊的彈出窗口？ – Vik

使用Javascript提交表單後重定向

回答

相關問題