javascript - 联系表单无法访问 php 脚本

Question

我正在尝试配置“发送消息/提交”按钮，以便在单击它时访问本地目录中的 php 文件并执行代码以通过电子邮件发送相应的数据。

layout

HTML 代码显示如下:

   <section class="contact-us">
    <div class="form-wrapper">
        <div class="contact-form">

            <form>
                <fieldset>
                    <div class="control-group">
                        <input id="Field12" name="Field12" placeholder="Full Name" required="" tabindex="1" type="text" value="">
                    </div>
                    <div class="inline-groups">
                        <div class="control-group">
                            <input id="Field3" maxlength="255" name="Field3" placeholder="Email" required="" spellcheck="false" tabindex="2" type="email" value="">
                        </div>
                        <div class="control-group">
                            <input id="Field4" maxlength="255" name="Field4" placeholder="Phone number (optional)" tabindex="3" type="tel" value="">
                        </div>
                    </div>
                    <div class="control-group">
                        <textarea cols="50" id="Field5" name="Field5" placeholder="Let us know what we can do for you!" spellcheck="true" tabindex="4"></textarea>
                    </div>
                    <input id="idstamp" name="idstamp" type="hidden" value="r885sYVzp1O8HO4V4MdnZvkis7E3NZIfZ8CtHRCtCdY">
                    <button class="button" action="send_form_email.php" type="submit">Send message</button>
                </fieldset>
            </form>

PHP 代码显示如下:

<?php 
if(isset($_POST['email'])) { 

    // EDIT THE 2 LINES BELOW AS REQUIRED

    $email_to = "<a href="https://stackoverflow.com/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="adc0ccd9d9d49b989b9f9fedc5c2d9c0ccc4c183cec2c0" rel="noreferrer noopener nofollow">[email protected]</a>";

    $email_subject = "Greenmount Engineering | Customer Enquiry";





    function died($error) {

        // your error code can go here

        echo "We are very sorry, but there were error(s) found with the form you submitted. ";

        echo "These errors appear below.<br /><br />";

        echo $error."<br /><br />";

        echo "Please go back and fix these errors.<br /><br />";

        die();

    }



    // validation expected data exists

    if(!isset($_POST['name']) ||

        !isset($_POST['email']) ||

        !isset($_POST['tel']) ||

        !isset($_POST['comments'])) {

        died('We are sorry, but there appears to be a problem with the form you submitted.');       

    }



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

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

    $telephone = $_POST['tel']; // not required

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



    $error_message = "";

    $email_exp = '/^[A-Za-z0-9._%-]+@[A-Za-z0-9.-]+\.[A-Za-z]{2,4}$/';

  if(!preg_match($email_exp,$email_from)) {

    $error_message .= 'The Email Address you entered does not appear to be valid.<br />';

  }

    $string_exp = "/^[A-Za-z .'-]+$/";

  if(!preg_match($string_exp,$name)) {

    $error_message .= 'The name you entered does not seem to be valid.<br />';

  }


  if(strlen($comments) < 2) {

    $error_message .= 'The Comments you entered do not appear to be valid.<br />';

  }

  if(strlen($error_message) > 0) {

    died($error_message);

  }

    $email_message = "Form details below.\n\n";



    function clean_string($string) {

      $bad = array("content-type","bcc:","to:","cc:","href");

      return str_replace($bad,"",$string);

    }


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

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

    $email_message .= "Telephone: ".clean_string($telephone)."\n";

    $email_message .= "Comments: ".clean_string($comments)."\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);  

?>



<!-- include your own success html here -->



Thank you for contacting us. We will be in touch with you very soon.



<?php

}

?>

我不确定这段代码是否能 100% 工作，因为我还没有尝试过，但是正如您所看到的，尝试将 HTML 按钮链接到 php 脚本只会在发送时刷新页面，但是当我检查我的电子邮件什么也没有通过。 <button class="button" action="send_form_email.php"

Answer 1

需要对您的代码进行一些调整:

1. 添加method="post"归因于您的<form>标签(所以使用的方法不是 get )。

2. 添加action="send_form_email.php"归因于您的<form>标签(以便您的表单重定向到您的脚本)。

3. 添加name="submit"给您<button>标记(因此 if(isset($_POST["submit"])) 中的表达式 send_form_email.php 计算结果为 true 并且代码块被执行)。

4. 更改 name您的<input>的属性根据您的$_POST['...'] (因此 PHP 可以识别输入值)。

你应该可以开始了。