0

出于某种原因，我用来发送联系表格的这段代码正在向我的邮箱发送一个副本，有人可以帮我解决这个问题吗？我需要底部的 if 语句让我的 jquery 显示错误和成功的消息，代码有效只是发送一个重复我错过了什么吗？

和我一起保持稳定，因为我不是一个使用 php 的大编码员，但我很清楚我在做什么 :)

<?php
$subject = $_REQUEST['subject']; // Subject of your email
$to = 'my@emailaddress.co.uk';  //Recipient's E-mail

$headers  = 'MIME-Version: 1.0' . "\r\n";
$headers .= "From: " . $_REQUEST['email'] . "\r\n"; // Sender's E-mail
$headers .= 'Content-type: text/html; charset=iso-8859-1' . "\r\n";

$message .= 'Name: ' . $_REQUEST['name'] . "<br>";
$message .= 'Contact Number: ' . $_REQUEST['tel'];
$message .= "<br>";
$message .= 'Message Sent:'."<br>";`enter code here`
$message .= $_REQUEST['message'];
$message .= "<br>";
$message .= 'This is an enquiry from Circles website';

if (@mail($to, $subject, $message, $headers))
{
    // Transfer the value 'sent' to ajax function for showing success message.
    echo 'sent';


}
else
{
    // Transfer the value 'failed' to ajax function for showing error message.
    echo 'failed';
}
?>

验证.js

$(document).ready(function(){
    $('#send_message').click(function(e){

        //Stop form submission & check the validation
        e.preventDefault();

        // Variable declaration
        var error = false;
        var name = $('#name').val();
        var tel = $('#tel').val();
        var email = $('#email').val();
        var subject = $('#subject').val();
        var message = $('#message').val();

        // Form field validation
        if(name.length == 0){
            var error = true;
            $('#name_error').fadeIn(500);
        }else{
            $('#name_error').fadeOut(500);
        }
        if(tel.length == 0){
            var error = true;
            $('#tel_error').fadeIn(500);
        }else{
            $('#tel_error').fadeOut(500);
        }
        if(email.length == 0 || email.indexOf('@') == '-1'){
            var error = true;
            $('#email_error').fadeIn(500);
        }else{
            $('#email_error').fadeOut(500);
        }
        if(subject.length == 0){
            var error = true;
            $('#subject_error').fadeIn(500);
        }else{
            $('#subject_error').fadeOut(500);
        }
        if(message.length == 0){
            var error = true;
            $('#message_error').fadeIn(500);
        }else{
            $('#message_error').fadeOut(500);
        }

        if(tel.length == 0){
            var error = true;
            $('#tel_error').fadeIn(500);
        }else{
            $('#tel_error').fadeOut(500);
        }

        // If there is no validation error, next to process the mail function
        if(error == false){
           // Disable submit button just after the form processed 1st time successfully.
            $('#send_message').attr({'disabled' : 'true', 'value' : 'Sending...' });

            /* Post Ajax function of jQuery to get all the data from the submission of the form as soon as the form sends the values to email.php*/
            $.post("email.php", $("#contact_form").serialize(),function(result){
                //Check the result set from email.php file.
                if(result == 'sent'){
                    //If the email is sent successfully, remove the submit button
                     $('#submit').remove();
                    //Display the success message
                    $('#mail_success').fadeIn(500);


                }else{
                    //Display the error message
                    $('#mail_fail').fadeIn(500);
                    // Enable the submit button again
                    $('#send_message').removeAttr('disabled').attr('value', 'Send The Message');
                }
            });
        }
    });    
});

联系表

<div id="contact">
              <form name="contactForm" id='contact_form' autocomplete="of" method="post" action='email.php'>
                <label>Your Name:</label>
                  <div id='name_error' class='error'><img src='images/error.png'>Please enter your name.</div>
                  <input type='text' name='name' id='name'>
                  <label>Telephone Number:</label>
                  <div id='tel_error' class='error'><img src='images/error.png'>Please enter a contact number</div>
                  <input type='text' name='tel' id='tel'>
                <label>Your E-mail Address:</label>
                  <div id='email_error' class='error'><img src='images/error.png'>Please enter your valid E-mail ID.</div>
                  <input type='text' name='email' id='email'>
                <label>Topic:</label>
                  <div id='subject_error' class='error'><img src='images/error.png'>Please enter the subject.</div>
                  <input type='text' name='subject' id='subject'>
                <label>Your Message:</label>
                  <div id='message_error' class='error'><img src='images/error.png'>Please enter your message.</div>
                  <textarea name='message' id='message'></textarea>
                <div id='mail_success' class='success'><img src='images/success.png'>Your message has been sent successfully.</div>
                <div id='mail_fail' class='error'><img src='images/error.png'> Sorry, error occured this time sending your message.</div>
                <p id='submit'>
                  <input type='submit' id='send_message' value='Submit Form'>
                </p>
              </form>


        </div>
4

0 回答 0