联系表格 - 无法收到要发送的电子邮件

时间:2014-04-12 15:42:28

标签: javascript php ajax forms email

我正在尝试创建一个基本表单来发送电子邮件,以下是它的外观: http://www.unitedserbians.com/contact_us.html

我已经完成所有工作并搞定了,除非我无法在表单完成处理后收到实际发送的电子邮件。我的函数执行,因为我的字段验证工作得很好,我可以看到通过取消注释JAVA脚本代码“alert(dataString);返回false;”从表单中获取正确的值。甚至.ajax都会执行,因为我收到“联系表格已发送!我们很快就会联系。”显示的消息但实际的电子邮件永远不会被发送我猜测process.php文件中缺少某些东西。我无法追踪问题发生的位置或者我的process.php是否执行过。该文件应该与JAVA脚本位于同一目录中吗?还是在主目录bin文件夹?或者在过程代码中是否有一些我一味丢失的东西?有人能发现我想念的是什么吗?非常感谢。

HTML:

<div class="content">
<div class="content_resize">
  <div class="mainbar">
    <div class="article">
      <h2><span>Send us E-Mail</span></h2>
      <div id="contact_form">
      <form action="" form name="contact">
      <fieldset>
        <ol>
          <li>
            <label for="name" id="name_label">Your Full Name</label>
            <input type="text" name="name" id="name" size="30" value="" class="text-input" />
            <label2 class="error" for="name" id="name_error">This field is required.</label2>
          </li>
          <li>
            <label for="email" id="email_label">Your Email Address</label>
            <input type="text" name="email" id="email" size="30" value="" class="text-input" />
            <label2 class="error" for="email" id="email_error">This field is required.</label2>
          </li>
          <li>
            <label for="website id="phone_label">Your Phone Number</label>
            <input type="text" name="phone" id="phone" size="30" value="" class="text-input" />
            <label2 class="error" for="phone" id="phone_error">This field is required.</label2>
          </li>
          <li>
            <label for="message">Your Message</label>
            <textarea id="message" name="message" rows="8" cols="50"></textarea>
          </li>
          <li>
            <input type="submit" name="imageField" id="submit_btn" src="images/submit.gif" class="send" />
          </li>
        </ol>
      </fieldset>
      </form>
      </div>
    </div>
  </div>

JAVA脚本:

  $(function() {
  $('.error').hide();
  $(".send").click(function() {
    // validate and process form here

    $('.error').hide();
        var name = $("input#name").val();
        if (name == "") {
        $("label2#name_error").show();
        $("input#name").focus();
        return false;
    }
        var email = $("input#email").val();
        if (email == "") {
        $("label2#email_error").show();
        $("input#email").focus();
        return false;
    }
        var phone = $("input#phone").val();
        if (phone == "") {
        $("label2#phone_error").show();
        $("input#phone").focus();
        return false;
    }

    var message = $("textarea#message").val();

    var dataString = 'name='+ name + '&email=' + email + '&phone=' + phone + '&message=' + message;
    // alert (dataString);
    // return false;

    $.ajax({
      type: "POST",
      url: "bin/process.php",
      data: dataString,
      success: function() {
        $('#contact_form').html("<div id='send_message'></div>");
        $('#send_message').html("<h2>Contact Form Sent!</h2>")
        .append("<p>We will be in touch soon.</p>");
      }
    });
    return false;

  });
});

PHP:

    <?php

    $email_to = "XXXXX@gmail.com";

    $email_subject = "Message sent using contact form.";


    $name = $_POST['name']; // required

    $email_from = $_POST['email']; // required

    $phone = $_POST['phone']; // required

    $message = $_POST['message'];


    $email_message .= "Full Name: ".clean_string($name)."\n";

    $email_message .= "Email: ".clean_string($email_from)."\n";

    $email_message .= "Phone Number: ".clean_string($phone)."\n";

    $email_message .= "Message: ".clean_string($message)."\n";


    // create email headers
    $headers = 'From: '.$email_from."\r\n".

    'Reply-To: '.$email_from."\r\n" .

    'X-Mailer: PHP/' . phpversion();

    @mail($email_to, $email_subject, $email_message, $headers);  

?>

1 个答案:

答案 0 :(得分:0)

一种可能性是您的主机不喜欢$ email_from地址。我认为大多数主机都限制使用与该主机无关的发件人地址进行发送(这样做是为了不启用垃圾邮件发送者)。尝试使用no-reply@yourdomain.com或类似的东西,或者甚至更好地使用真正存在的地址作为您的发件人地址。回复仍然可以是用户输入的地址(在您检查它有效之后)。