2014-03-18 2 views
0

다른 사람들이 도움을 받으시기 바랍니다. 웹 사이트 백엔드에 대한 액세스 권한이 없기 때문에 업로드 된 js 스크립트를 변경할 수 없습니다. 내가 달성하고자하는 것은 간단한 보고서를 제출하여 "감사합니다"팝업을 표시하고 페이지의 메인 페이지로 다시 리디렉션하는 것입니다.자바 스크립트로 양식을 제출 한 후 리디렉션

그래서 문제없이 양식을 만들 수 있습니다. 편집 링크로 이동하여 페이지 본문에 소스 표시를 클릭하여 작동하는 양식 중 하나를 복사했습니다. 하지만 제출 단추를 누른 후에 다른 페이지로 이동하는 기본 동작을 멈출 수는 없습니다. 나는 그것이 백엔드의 js 스크립트에 있다고 생각한다. 아래 코드를 복사합니다.

How to redirect user to another page after Ajax form submission

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

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

내가 검색 및 제안 여기에 작동하는 것 didnt가 시도 : 나는 코드를 복사 할 때

<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> 

그것은 끝에 만이 가지고하는 데 사용

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

+1

제목은 [tag : java]입니다. [tag : javascript]를 의미 했습니까? –

+0

방금 ​​예 : @MattBall;) – webeno

답변

0

먼저보아야 할 것은 action="/Modules/SendForm"입니다. 이것이 리디렉션입니다. 리디렉션하지 않으려면 양식이있는 페이지의 이름으로 설정하십시오. 분명히 폼과 리다이렉션에 대한 더 많은 것들이있다. (어떤 다른 js 코드도 이것에 영향을 줄 수있다. 그럼에도 불구하고 우리는 함수 setupAjaxForm이 무엇을해야 하는지를 보지 못한다.) 이것이 실제로 확인/얻을 첫 번째 것이다. 권리.

편집 : 당신은 아마, 다른 사람의 사이에서, 양식 유효성 검사처럼, 리디렉션도 발생하는 경우, 당신은 할 수없는 /Modules/SendForm 페이지에 액세스 (하지 않아도 기본적으로 경우 : 내가 더 지금 그것을 이해 생각

+0

고맙습니다. Whereever 양식이 제출됩니다 - 그것은 컬러 바 등 멋지게 서식이 내받은 편지함에 와서 그 기능을 계속하고 싶습니다. Submit을 누르면 다른 웹 페이지로 이동하면됩니다. 그리고 또한 고맙다는 팝업 후 ... – Vik

+0

예 모듈 페이지에 대한 액세스 권한이 없습니다 ...하지만 event.preventDefault(); – Vik

+0

기본 페이지로 이동하기 전에 사용자가 클릭해야하는 팝업을 추가 할 수 있습니까? – Vik

관련 문제