2014-06-10 7 views
0

양식에 약간의 문제가 있습니다. 양식을 작성하고 제출 한 후 "thankyou.html"페이지로 리디렉션하는 방법을 알 수 없습니다. 이제는 "form.html"페이지로 계속 돌아갑니다. 어떤 도움이 크게 appriciated 것입니다! 당신이 양식을 제출할 때 당신이 당신의 form.html에양식 제출 후 재전송

쓰기 다음 코드를 form.html하는 형태로 작업을 추가해야하기 때문에

<body class="application"> 

<!-- content --> 

<section class="main-body"> 

<div class="container-fluid"> 

    <div class="row-fluid" id="content"> 

        <!-- breadcrumbs --> 
<div> 
<div class="bootstrap-widget-content" id="yw3"><p class="help"> 

</p><p class="note">The form</p><form class="well form-horizontal" id="yw0" action="form.html" method="post"><div style="visibility:hidden"><input type="hidden" value="1" name="yform_35d652cf" id="yform_35d652cf" /></div> 
<div class="control-group "><label class="control-label required" for="Applicant_firstname">Name <span class="required">*</span></label><div class="controls"><input class="span6" name="Applicant[firstname]" id="Applicant_firstname" type="text" /><span class="help-inline error" id="Applicant_firstname_em_" style="display: none"></span></div></div> 
<div class="control-group "><label class="control-label required" for="Applicant_lastname">Last name <span class="required">*</span></label><div class="controls"><input class="span6" name="Applicant[lastname]" id="Applicant_lastname" type="text" /><span class="help-inline error" id="Applicant_lastname_em_" style="display: none"></span></div></div> 
<div class="control-group "><label class="control-label required" for="Applicant_email">E-mail <span class="required">*</span></label><div class="controls"><input class="span6" name="Applicant[email]" id="Applicant_email" type="text" /><span class="help-inline error" id="Applicant_email_em_" style="display: none"></span></div></div> 
<div class="control-group "><label class="control-label" for="Applicant_phone">Phone</label><div class="controls"><input class="span2" name="Applicant[phone]" id="Applicant_phone" type="text" /><span class="help-inline error" id="Applicant_phone_em_" style="display: none"></span></div></div> 
<div class="control-group "><label class="control-label" for="Applicant_address">Adress</label><div class="controls"><input class="span6" name="Applicant[address]" id="Applicant_address" type="text" /><span class="help-inline error" id="Applicant_address_em_" style="display: none"></span></div></div> 
<div class="control-group "><label class="control-label" for="Applicant_postcode">Number</label><div class="controls"><input class="span6 postSelect2" name="Applicant[postcode]" id="Applicant_postcode" type="text" /><span class="help-inline error" id="Applicant_postcode_em_" style="display: none"></span></div></div> 
<div class="control-group "><label class="control-label" for="Applicant_postoffice">City</label><div class="controls"><input class="span6 postSelect2" name="Applicant[postoffice]" id="Applicant_postoffice" type="text" /><span class="help-inline error" id="Applicant_postoffice_em_" style="display: none"></span></div></div> 
<div class="control-group "><label class="control-label" for="Applicant_extrainfo">Message</label><div class="controls"><textarea class="span6" name="Applicant[extrainfo]" id="Applicant_extrainfo"></textarea><span class="help-inline error" id="Applicant_extrainfo_em_" style="display: none"></span></div></div> 
<div class="control-group "><label class="control-label" for="Applicant_invoice_preference">Toivottu laskutustapa</label><div class="controls"><select placeholder="Valitse toivottu laskutustapa" class="span4" name="Applicant[invoice_preference]" id="Applicant_invoice_preference"> 
<option value="">Question</option> 
<option value="1" selected="selected">option1</option> 
<option value="2">option2</option> 
<option value="3">option3</option> 
</select><span class="help-inline error" id="Applicant_invoice_preference_em_" style="display: none"></span></div></div> 

<div class="form-actions"> 
<button name="submit" class="btn btn-primary" id="yw1" type="submit">Tallenna</button>&nbsp;&nbsp;&nbsp;&nbsp;<button name="reset" class="btn" id="yw2" type="reset">Palauta oletusarvot</button>&nbsp;</div> 

</form></div></div> 
</div> 
    </div><!-- content --> 

</div> 

</section> 

<script type="text/javascript" src="/js/select2.min.js"></script> 
<script type="text/javascript" src="/jquery.joyride-2.1.js"></script> 
<script type="text/javascript"> 
/*<![CDATA[*/ 

     $('.toggle-hidden').click(function() { 

      $('.hidden-area').toggle(); 

      return false; 

     }); 

     $('.toggle-hidden-2').click(function(event) { 

      $('.hidden-area').hide(); 

      $('.' + $(event.target).data('target')).toggle(); 

      return false; 

     }); 


jQuery(function($) { 
jQuery('body').popover({'selector':'[rel=popover]'}); 
jQuery('body').tooltip({'selector':'[rel=tooltip]'}); 
jQuery('#yw0').yiiactiveform({'attributes':[{'id':'Applicant_firstname','inputID':'Applicant_firstname','errorID':'Applicant_firstname_em_','model':'Applicant','name':'Applicant[firstname]','enableAjaxValidation':true,'inputContainer':'div.control-group'},{'id':'Applicant_lastname','inputID':'Applicant_lastname','errorID':'Applicant_lastname_em_','model':'Applicant','name':'Applicant[lastname]','enableAjaxValidation':true,'inputContainer':'div.control-group'},{'id':'Applicant_email','inputID':'Applicant_email','errorID':'Applicant_email_em_','model':'Applicant','name':'Applicant[email]','enableAjaxValidation':true,'inputContainer':'div.control-group'},{'id':'Applicant_phone','inputID':'Applicant_phone','errorID':'Applicant_phone_em_','model':'Applicant','name':'Applicant[phone]','enableAjaxValidation':true,'inputContainer':'div.control-group'},{'id':'Applicant_address','inputID':'Applicant_address','errorID':'Applicant_address_em_','model':'Applicant','name':'Applicant[address]','enableAjaxValidation':true,'inputContainer':'div.control-group'},{'id':'Applicant_postcode','inputID':'Applicant_postcode','errorID':'Applicant_postcode_em_','model':'Applicant','name':'Applicant[postcode]','enableAjaxValidation':true,'inputContainer':'div.control-group'},{'id':'Applicant_postoffice','inputID':'Applicant_postoffice','errorID':'Applicant_postoffice_em_','model':'Applicant','name':'Applicant[postoffice]','enableAjaxValidation':true,'inputContainer':'div.control-group'},{'id':'Applicant_extrainfo','inputID':'Applicant_extrainfo','errorID':'Applicant_extrainfo_em_','model':'Applicant','name':'Applicant[extrainfo]','enableAjaxValidation':true,'inputContainer':'div.control-group'},{'id':'Applicant_invoice_preference','inputID':'Applicant_invoice_preference','errorID':'Applicant_invoice_preference_em_','model':'Applicant','name':'Applicant[invoice_preference]','enableAjaxValidation':true,'inputContainer':'div.control-group'}],'errorCss':'error'}); 
jQuery('#yw4 .alert').alert(); 
window.setTimeout(function() { $('.alert').alert('close'); }, 5000); 

}); 
</script> 
+1

서버 측 언어를 사용하고 있습니까? 당신은 무엇을 양식을 제출하고 있습니까? –

+0

@hardbinger 농담하는거야? action = "form.html"을 action = "thankyou.html" – Gajotres

+0

으로 변경하면 무엇이 문제입니까? 당신은 코딩조차하지 않았습니다. –

답변

0

, 그것은 것입니다, form.html에 간다

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"> 
    </script> 

    <script> 

$(function() { 

window.location.href="thankyou.html"; 
     }); 
    </script> 
+1

왜 html 페이지에 양식을 제출 하시겠습니까 ??? – Jai

+0

@hardbinger는 제출 후 thankyou.html 페이지를 원합니다. 위의 해결 방법을 제공했습니다. 직접 이동하려면 form action을 thankyou.html로 변경해야합니다. –

0

인용 된 파일이 form.html이라고 가정합니다 ...

<button name="submit" class="btn btn-primary" id="yw1" type="submit">Tallenna</button> 

조치 속성없이 제출하십시오. 그렇다면 우리는 전자 같은 페이지가 ... 당신은 쿼리 문자열에 제출 된 매개 변수를 확인하기 위해 같은 파일

<button name="submit" class="btn btn-primary" id="yw1" type="submit" action='form.html?submitted=1'>Tallenna</button> 

와 온로드에 하나를 작업을 추가하고 직접해야하는 양식을 제출하고있는 경우 리디렉션 또는에 직접 서버 사이트 스크립트 (예 : test.php)

<button name="submit" class="btn btn-primary" id="yw1" type="submit" action='test.php'>Tallenna</button> 

작업을 완료하면 리디렉션됩니다. 양식 동작에서

1

봐 :

<form class="well form-horizontal" id="yw0" action="form.html" method="post"> 

음, form.html 무엇인가? 는이 페이지form.html입니까? 그렇다면이 페이지가 자신에게 제출됩니다. 이는 양식의 값을 포함하기 위해 POST 요청을 form.html으로 보내는 것을 의미합니다. 서버 측에서 어떤 작업을 수행하지 않는 한 (그리고 사용자가 보이지 않는 것처럼) 페이지에 대한 모든 요청에 ​​대한 표준 응답은 해당 페이지를 표시하는 것입니다. 그러나

<form class="well form-horizontal" id="yw0" action="thankyou.html" method="post"> 

여전히 실제 양식 게시물을 처리하기 위해 뭔가 서버 측이 필요하다는 것을 인식 : 당신이 당신의 형태가 다른 페이지에 게시하려면

action 변경합니다. action을 변경하면 form.html 대신 thankyou.html으로 요청하여 양식을 보내면 "감사합니다"페이지가 성공적으로 표시됩니다. 그러나 기본적으로 양식 값을 사용하여 실제로는 아무 것도 수행하지 않습니다.

이를 위해서는 해당 값을 받아들이고 처리하는 일종의 서버 측 코드가 필요합니다. (PHP, ASP.NET, Java, Ruby 등)에 대한 많은 옵션이 있습니다.

또한 서버 측 코드에서는 다음과 같은 흐름을 훨씬 더 제어 할 수 있습니다. 응용 프로그램. 예를 들어 양식 처리 논리가 form.html (또는 form.php 일 가능성이 더 높습니다.) 일 수 있습니다. 페이지는 여전히 자체적으로 제출할 수 있으며 서버 측 로직에서 다른 페이지로 재 지정을 수행 할 수 있습니다. 이는 입력 내용의 유효성을 검사하고 오류시 양식을 다시 표시하고 유효성 검사가 성공하면 thankyou.html으로 리디렉션하려는 경우 유용 할 수 있습니다.

+2

마지막으로 합리적인 답은 D + 1입니다. – Gajotres

-1

대답이 action 인 경우 오류가 발생합니다. 그 이유는 데이터를 thankyou.html 대신 양식을 전송하기 때문입니다.HTML 그래서 당신이 JS를 사용할 수 있습니다, 그것은 매우 간단합니다 : 단지 형성 onsubmit="window.location.href = 'thankyou.html'; return false;"를 추가

example

0

그냥 양식 태그의 행동에 URL을 추가 속성. 이것은 그것에 리디렉션됩니다. 아래 그림과 같이.

<form id="payTmForm" action="https://pguat.paytm.com/oltp-web/processTransaction" method="post"> 
</form>