2011-08-08 18 views
0

こんにちは私はページに2つのフォームを持っています。大規模な予約フォームが提出されると、小さなニュースレターフォームも提出されます。それはアクションのURLと関係があると思う。ここで私はページに2つのフォームを持っていますが、送信ボタンは両方のフォームを送信しています

は、ページのコードです:

<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変数を使用してフォームが実際に送信されたことを確認したいと思うかもしれません。

関連する問題