提交表单后的Javascript

Question

我绝对不是 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 = 'nf.denmark@gmail.com';

    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>

希望对您有所帮助。

Answer 1

您不能使用 JavaScript 执行此操作。您必须在服务器端处理发送的表单，并将适当的消息发送回客户端。

一种可能性是通过 XMLHttpRequest 将表单的内容发送到服务器并让回调函数用(成功或失败)消息替换表单来增强您的表单。也就是说，我强烈建议无论如何都使用前一个过程，并且只有在前一个过程正常工作后才用这种处理来扩展它(并且使用 XMLHttpRequests 不是初学者的东西)。这样您就可以确保您的表单在 JavaScript 不可用时仍然有效。