Html 和 php 表单未提交问题

Question

大家好，我在使用 HTML 和 PHP 的网站之一时遇到了问题

表单似乎没有提交或发送消息。附件是代码，请任何帮助都会很棒。此外，还附上了 PHP 和 javascript 以供参考。 有时页面也不响应按钮。 如果有人可以修复代码会很棒。

CONTACT FORM
/*-----------------------------------------------------------------------------------*/

function checkmail(input) {
  var pattern1 = /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/;
  if (pattern1.test(input)) {
    return true;
  } else {
    return false;
  }
}

function proceed() {
  var name = document.getElementById("name");
  var email = document.getElementById("email");
  var phone = document.getElementById("phone");

  var movingfrom = document.getElementById("movingfrom");
  var movingto = document.getElementById("movingto");
  var date = document.getElementById("date");
  var msg = document.getElementById("message");
  var errors = "";

  if (name.value == "") {
    name.className = 'error';
    return false;
  } else if (email.value == "") {
    email.className = 'error';
    return false;
  } else if (checkmail(email.value) == false) {
    alert('Please provide a valid email address.');
    return false;
  } else if (phone.value == "") {
    phone.className = 'error';
    return false;
  } else if (movingfrom.value == "") {
    movingfrom.className = 'error';
    return false;
  } else if (movingto.value == "") {
    movingto.className = 'error';
    return false;
  } else if (date.value == "") {
    date.className = 'error';
    return false;
  } else if (msg.value == "") {
    msg.className = 'error';
    return false;
  } else {
    $.ajax({
      type: "POST",
      url: "php/submit.php",
      data: $("#contact_form").serialize(),
      success: function(msg) {
        //alert(msg);
        if (msg) {
          $('#contact_form').fadeOut(1000);
          $('#contact_message').fadeIn(1000);
          document.getElementById("contact_message");
          return true;
        }
      }
    });
  }
};

<div class="contact-form">

  <!-- Form  -->
  <div class="margin-top-50">
    <div class="contact-form">

      <!-- Success Msg -->
      <div id="contact_message" class="success-msg"> <i class="fa fa-paper-plane-o"></i>Thank You. Your Message has been Submitted</div>

      <!-- FORM -->
      <form id="contact_form" class="contact-form" method="post" action="php/submit.php" onsubmit="return ValidateForm()">
        <li class="col-sm-6">
          <label>
                          <input type="text" class="form-control" name="name" id="name" placeholder="Your Name">
                        </label>
        </li>

        <li class="col-sm-6">
          <label>
                          <input type="text" class="form-control" name="email" id="email" placeholder="E-Mail">
                        </label>
        </li>
        <li class="col-sm-6">
          <label>
                          <input type="text" class="form-control" name="phone" id="phone" placeholder="Phone Number">
                        </label>
        </li>

        <li class="col-sm-6">
          <label>
                          <input type="text" class="form-control" name="movingfrom" id="movingfrom" placeholder="Moving From">
                        </label>
        </li>
        <li class="col-sm-6">
          <label>
                          <input type="text" class="form-control" name="movingto" id="movingto" placeholder="Moving To">
                        </label>
        </li>
        <li class="col-sm-6">
          <label>
                          <input type="date" class="form-control" name="date" id="date" placeholder="Date">
                        </label>
        </li>
        <li class="col-sm-12">
          <label>
                    <select class="form-control" id="typeofmove" placeholder="Date Of Move" required>
                      <option>Move Type</option>
                        <option>Residential Move</option>
                      <option>Office Move</option>
                        <option>Inter-City Move</option>
                      <option>Piano Move</option>
                        <option>Spa-Pool Move</option>
                      <option>Pool Table Move</option>
                      <option>Loading & Unloading Only</option>
                      <option>Packing</option>
                        <option>Assembly</option>
                      <option>TradeMe Pickups</option>
                      <option>Commercial Delivery</option>
                      <option>Packaging Material</option>
                    </select>
                  </label>
        </li>
        <li class="col-sm-12">
          <label>
                          <textarea class="form-control" name="message" id="message" rows="5" placeholder="Your Message"></textarea>
                        </label>
        </li>

        <li class="col-sm-12">
          <button type="submit" value="submit" class="btn" id="btn_submit" onClick="proceed();">Submit</button>
        </li>
        </ul>
      </form>
    </div>
  </div>
</div>
</div>
<div class="col-md-4 col-sm-5 col-xs-12">

  SUBMIT.PHP /*-----------------------------------------------------------------------------------*/
  <?php


// specify your email here

$to = 'testmail@gmail.com';



    // Assigning data from $_POST array to variables
    if (isset($_POST['name'])) { $name = $_POST['name']; }
 if (isset($_POST['phone'])) { $name = $_POST['phone']; }
    if (isset($_POST['email'])) { $from = $_POST['email']; }
 if (isset($_POST['movingfrom'])) { $name = $_POST['movingfrom']; }
 if (isset($_POST['movingto'])) { $name = $_POST['movingto']; }
 if (isset($_POST['date'])) { $name = $_POST['date']; }
 if (isset($_POST['typeofmove'])) { $name = $_POST['typeofmove']; }
   
    if (isset($_POST['message'])) { $message = $_POST['message']; }
    
    // Construct subject of the email
    $subject = 'Booking Enquiry ' . $name;

    // Construct email body
    $body_message .= 'Name: ' . $name . "\r\n";
    $body_message .= 'Email: ' . $from . "\r\n";
    $body_message .= 'Phone: ' . $phone . "\r\n";
    $body_message .= 'Moving From: ' . $movingfrom . "\r\n";
        $body_message .= 'Moving To: ' . $movingto . "\r\n";
        $body_message .= 'Date Of Move: ' . $date . "\r\n";
    $body_message .= 'Message: ' . $message . "\r\n";

    // Construct headers of the message
    $headers = 'From: ' . $from . "\r\n";
    $headers .= 'Reply-To: ' . $from . "\r\n";

    $mail_sent = mail($to, $subject, $body_message, $headers);

    if ($mail_sent == true){ ?>
    <script language="javascript" type="text/javascript">
      window.alert("Sent Successfuly.");
    </script>
    <?php } else { ?>
    <script language="javascript" type="text/javascript">
      window.alert("Error! Please Try Again Later.");
    </script>
    <?php
    } // End else
    
?>

Answer 1

首先，您可以尝试检查您的 url。它是否正确。例如，通过 ajax 发送任何内容并在控制台日志中显示响应。如果它不起作用，则表示您的 url 错误。