当前位置: 首页 > 知识库问答 >
问题:

html和php表单不提交问题

裴星洲
2023-03-14

嗨,伙计们,我一直与使用超文本标记语言和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
    
?>

共有1个答案

连志义
2023-03-14

首先,您可以尝试检查您的url。是否正确。例如,通过ajax发送任何内容,并在控制台日志中显示响应。如果它不工作,这意味着你的网址是错误的。

 类似资料:
  • 问题内容: 我想在某些文本框条目上运行javascript用户验证。 我遇到的问题是我的表单具有进入我们站点内新页面的作用,并且该属性从未运行javascript函数。 有没有更好的解决方案,或者是可以使用以下代码的解决方案:注意:javascript文件编写正确,如果将操作切换为,则可以正常工作。 这只是同时运行动作和JavaScript的问题。 问题答案: 您应该通过在onsubmit回调上返

  • 这是我的第一次。php页面是html部分。我有一个表单,包括一个div和一个submit按钮。我希望当点击按钮时,打开一个新页面(second.php)并显示div的内容(id=orderList) 这是javascript部分; 这是第二.php我想在div(id=confirmForm)中显示内容的地方 不管用,我该改什么?

  • 问题内容: 我有一个表格。在该表格之外,我有一个按钮。一个简单的按钮,如下所示: 但是,当我单击它时,它会提交表单。这是代码: 该按钮应该做的就是编写一些JavaScript。但是,即使看起来像上面的代码一样,它也会提交表单。当我将标签按钮更改为跨度时,它可以完美工作。但不幸的是,它必须是一个按钮。有什么办法可以阻止该按钮提交表单?像例如 问题答案: 我认为这是HTML最令人讨厌的小特性。该按钮必

  • 对此非常新,我目前正在尝试为我的网站创建一个登录系统。我已经创建了一个html日志表单,我计划使用该表单为用户创建帐户。我已经创建了一个php页面,其中包含了我要连接到服务器的代码,如下所示。 当我填写表单时,我没有得到任何输出。我不确定php代码是在错误的地方(它是作为一个单独的文件)还是不期望输出。提交表单时,当我在测试时手动提交时,数据库似乎不会发生变化。 我的最终目标是能够将用户添加到数据

  • 问题内容: 我希望HTML表单在提交后不执行任何操作。 这是不好的,因为它会导致页面重新加载。 基本上,我希望每当按下按钮或有人在键入数据后单击“输入”时都调用ajax函数。是的,我可以删除表单标签并添加,只需从按钮的onclick事件中调用该函数即可,但是我也希望“命中进入”功能而不会引起任何麻烦。 问题答案: 通过在通过“提交”按钮调用的javascript中使用,可以停止提交表单。 基本上,

  • 问题内容: 我想通过jquery ajax提交此表单,这是我所做的,并且不起作用。即表格提交与页面刷新,我没有看到响应,即在同一页面上打印数组。 的HTML PHP(submit.php) 问题答案: 使用此方法-出现一些语法错误,必须提交事件