2011-08-08 3 views
0

안녕하세요 한 페이지에 두 개의 양식이 있습니다. 하나는 작은 뉴스 레터 양식이고 다른 하나는 큰 이벤트 예약 양식입니다. 대형 예약 양식이 제출되면 작은 뉴스 레터 양식도 제출됩니다. 행동 URL과 관련이 있다고 생각하십시오. 여기 페이지에 두 개의 양식이 있지만 제출 단추가 두 양식을 모두 제출 중입니다.

페이지 코드 : 나는 그것을 두 번 양식을 생각 해달라고

<script type="text/javascript"><!-- 
function validate(f){ 
var regex = /^\s*$/i; 
for(var i=0; i<f.elements.length; i++){ 
if(regex.test(f.elements[i].value)){ 
alert("Please fill in all fields."); 
f.elements[i].focus(); 
return false; 
} 
} 

if(f.user_email.value.indexOf('@',0)==-1 || f.user_email.value.indexOf('.',0)==-1) 
{ 
alert("You must provide a VALID email address."); 
f.user_email.focus(); 
return false; 
     } 
return true; 
} 
//--></script> 

<div id="eventform" /> 
<form action="/Booking?ename=testevent&edate=19%20October%202011&submitform=yes"  method="post" onsubmit='return validate(this);'> 

<fieldset class="fieldset"> 
<div class="leftform"> 
    <label for="booking_name">Event: </label><br class="nobr" /> 
    <input name="booking_name" type="text" id="booking_name" value="testevent" /> 
</div> 

<div class="rightform"> 
    <label for="event_date">Date: </label><br class="nobr" /> 
    <input name="event_date" type="text" id="event_date" value="19 October 2011" /> 
</div> 
<div class="clear"></div> 

<div class="leftform"> 
    <label for="user_name">Name: </label><br class="nobr" /> 

    <input name="user_name" type="text" id="user_name" /> 
</div> 
<div class="rightform"> 
    <label for="organisation">Organisation: </label><br class="nobr" /> 
    <input name="organisation" type="text" id="organisation" /> 
</div> 
<div class="clear"></div> 

<div class="leftform"> 

    <label for="address">Address: </label><br class="nobr" /> 
    <input name="address" type="text" id="address" /> 
</div> 
<div class="rightform"> 
    <label for="postcode">Postcode: </label><br class="nobr" /> 
    <input name="postcode" type="text" id="postcode" /> 
</div> 
<div class="clear"></div> 


<div class="leftform"> 
    <label for="user_telephone">Contact Number: </label><br class="nobr" /> 
    <input name="user_telephone" type="text" id="user_telephone" /> 
</div> 
<div class="rightform"> 
    <label for="user_email">Email Contact: </label><br class="nobr" /> 
    <input name="user_email" type="text" id="user_email" /> 
</div> 

<div class="clear"></div> 
<br /> 


<hr /> 

<h3>Attendees</h3> 
<p>Please list the name(s) and email address(s) of those you wish to book a place at the above event.</p> 

<div class="leftform"> 
    <input placeholder="Name" name="attendee1" type="text" id="attendee1" /> 
</div> 

<div class="rightform"> 
    <input placeholder="Email Address" name="attendee_email1" type="text" id="attendee_email1" /> 
</div> 
<div class="clear"></div> 

<div class="leftform"> 
    <input placeholder="Name" name="attendee2" type="text" id="attendee2" /> 
</div> 
<div class="rightform"> 
    <input placeholder="Email Address" name="attendee_email2" type="text" id="attendee_email2" /> 

</div> 
<div class="clear"></div> 

<div class="leftform"> 
    <input placeholder="Name" name="attendee3" type="text" id="attendee3" /> 
</div> 
<div class="rightform"> 
    <input placeholder="Email Address" name="attendee_email3" type="text" id="attendee_email3" /> 
</div> 
<div class="clear"></div> 


<div class="leftform"> 
    <input placeholder="Name" name="attendee4" type="text" id="attendee4" /> 
</div> 
<div class="rightform"> 
    <input placeholder="Email Address" name="attendee_email4" type="text" id="attendee_email4" /> 
</div> 
<div class="clear"></div> 

<div class="leftform"> 
    <input placeholder="Name" name="attendee5" type="text" id="attendee5" /> 

</div> 
<div class="rightform"> 
    <input placeholder="Email Address" name="attendee_email5" type="text" id="attendee_email5" /> 
</div> 
<div class="clear"></div> 
<br /> 

<hr /> 
<h3>Invoice Details</h3> 
<p>Please give details of where the invoice should be sent.</p> 


<label for="invoice_name">Name: </label><br class="nobr" /> 
<input name="invoice_name" type="text" id="invoice_name" /><br /> 

<label for="invoice_address">Address: </label><br class="nobr" /> 
<input name="invoice_address" type="text" id="invoice_address" /><br /> 

<label for="invoice_postcode">Postcode: </label><br class="nobr" /> 
<input name="invoice_postcode" type="text" id="invoice_postcode" /><br /> 


<p>Once we have received your booking form the person booking and those attending will receive a confirmation email confirming your places at the event and an invoice will be issued. 
If you have any questions please do not hesitate to contact.</p> 

</fieldset> 

<br /> 
<input id="bookingform_submit" class="submitform" type="submit" value="Submit" /> 
     <br /><br /> 
</form> 
    </div> 

    </div> 

    </div> 

<div class="clear"></div> 
</div></div> 
<!--/content--> 


    <!--footer--> 
<div id="outer-footer"> 
    <div id="footer"> 
    <div class="footer-1"> 
    <h6>Get in touch...</h6> 
    <ul> 
    <li>Suite 124-128 Baltic Chambers,50 Wellington Street Glasgow G2 6HJ.</li> 
    <li><span>Tel:</span> 0141 248 1242</li> 

    <li><span>Fax:</span> 0141 221 1911</li> 
    <li><span>Email Us:</span><a href="mailto:[email protected]">[email protected]  </a></li> 
    </ul> 
    </div> 
    <div class="footer-2"> 
    <h6>Join our newsletter...</h6> 

    <ul> 
    <li>Hear about the latest event and courses.</li> 


<script type="text/javascript"><!-- 
function validate(f){ 
var regex = /^\s*$/i; 
for(var i=0; i<f.elements.length; i++){ 
if(regex.test(f.elements[i].value)){ 
alert("Please fill in all fields."); 
f.elements[i].focus(); 
return false; 
} 
} 
if(f.user_email.value.indexOf('@',0)==-1 || f.user_email.value.indexOf('.',0)==-1) 
{ 
alert("You must provide a VALID email address."); 
f.user_email.focus(); 
return false; 
     } 
return true; 
} 
//--></script> 




<li> 
    <form action="./&submitform=yes" method="post"> 

<span class="input_space"> 

    <input name="user_name" id="user_name" type="text" align="left"  onblur="if(this.value=='')this.value='Your Name';" 
    onfocus="if(this.value=='Your Name')this.value='';" value="Your Name" /> 
    </span> 

<span> 
    <input name="user_email" id="user_email" type="text" align="left" onblur="if(this.value=='')this.value='Your Email Address';" 
    onfocus="if(this.value=='Your Email Address')this.value='';" value="Your Email  Address" /> 
    </span> 

    <input id="newsletterform_submit" type="submit" value="" class="submit-2" /> 
    </form> 
+0

전체 코드 목록을 게시 할 수 있습니까? 폼이 중첩 된 것일 수도 있습니다 .... – diagonalbatman

+0

페이지의 코드가 상당히 큽니다. 전체 게시물을 올리시겠습니까? –

+0

네가 양식을 시작한 곳에서부터 마지막 ​​양식을 닫을 곳까지의 비트를 알 수 있습니다. – diagonalbatman

답변

0

, 난 예는 모두에 의해 설정되는 = 변수 "SubmitForm에"는, 그래서 당신이로 클릭 할 때 생각 폼 2가 제출되었다고 생각하는 커다란 폼 - 실제로는 ... $ _POST 변수를 사용하여 폼이 실제로 제출되었는지 확인하고 싶지는 않습니다.

관련 문제