2010-11-04 110 views
1

我絕對沒有JavaScript的大師,所以這可能是非常非常簡單的問題。提交表單後的Javascript

如何用「謝謝!」替換表單。我的意思是,按下提交後,我希望表單被替換爲「謝謝!」或「發生錯誤!」?

在提前感謝你的幫助:d

編輯:

這裏的處理。它位於

if(isset($_POST['sendmail'])) { 

    //Data from the form 
    $name = trim(strip_tags($_POST['name'])); 
    $email = trim(strip_tags($_POST['email'])); 
    $message = trim(strip_tags($_POST['message'])); 


    //Data set by the script 
    $subject = 'Mail fra '; 
    $subject .= $name; 
    $subject .= ' via lindegaardsign.dk'; 
    $to = '[email protected]'; 

    if(validate_email($email) && !empty($email) && !empty($message)) { 

     $headers = "From: $email\r\n"; 
     $headers .= "Content-type: text/html\r\n"; 

     //Send mail 
     if(mail($to , $subject , $message , $headers)) { 
      $message = '<div class="contactresponse">Tak for din henvendelse. Vi besvarer den hurtigst muligt.</div>'; 
     } else { 
      $message = '<div class="contactresponse">Der skete fejl ved afsendelsen af din henvendelse.</div>'; 
     } 
    } else { 
      $message = '<div class="contactresponse">Husk at udfylde email, meddelelse.</div>'; 
    } 

} 

這就是它自己的形式。

<article class="con460"> 
    <header><h2>Hurtig kontakt</h2></header> 
    <section id="quick_contact_form"> 
     <p> 
      Nedenfor ser du hvor, og hvornår vi udstiller vores nisser og dekorationer. Kig forbi og mød os til en snak om de hjemmelavede produkter. 
     </p> 
     <?php if(isset($message)) :?> 
      <?php echo $message; ?> 
     <?php else: ?> 
     <form class="contact" id="contact_form" action="start.php" method="post"> 
      <label>Navn:</label> 
      <input type="text" name="name" value=""> 
      <label>Email:</label> 
      <input type="text" name="email" value=""> 
      <label>Besked:</label> 
      <textarea name="message"></textarea> 
      <input type="reset" name="reset" value="Annuller"> 
      <input type="submit" name="sendmail" id="sendmail" value="Send"> 
     </form> 
     <?php endif; ?> 
    </section>  
</article> 

我希望這會有所幫助。

回答

2

你不能用JavaScript來做到這一點。您必須在服務器端處理髮送的表單並將適當的消息發送回客戶端。

一種可能性是使用XMLHttpRequest將表單內容發送到服務器並讓回調函數用(成功或失敗)消息替換表單。也就是說,我強烈推薦使用前一個過程,只有在前者正常工作時(使用XMLHttpRequest s不適合初學者),才能使用這種處理擴展它。這樣,如果JavaScript不可用,您將確保您的表單仍然有效。