2010-11-04 89 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不可用,您将确保您的表单仍然有效。