Php AJAX联系人表单-添加字段+多个表单一页

所以我需要实现一个AJAX信息提交表单。我正在使用这个由Treehouse的人创建的示例

问题的第一部分…如何添加新字段？我尝试过编辑.php.js和.html，使它们符合我认为正确的标准，但在测试我的解决方案时失败了

我需要的字段 姓名： 地点： 邮政编码： 出生日期: URL链接： 留言200字：

第二部分…我可以在同一页上运行其中两个吗

为任何帮助提前干杯你可以给我发电子邮件garethyo@gmail.com如果你想让我发送代码等

代码如下-

PHP

---

？>

您从未定义$link。您需要添加$link=trim$_POST['link']；$message=trim$_POST[message]；之前肖恩4月4日20:50

---

-Sean，Worldstar首席执行官

既然您已尝试编辑文件，请将您尝试的代码添加到您的问题中。添加Sean，对此感到抱歉，您应该会想。这看起来像原始代码。您在哪里尝试修改/编辑它？由于要添加/修改输入，您需要在所有3个代码块html、js、php中进行更改。我已在html、js和php中添加了“link”字段，但发送的电子邮件不包含“link”内容。您的php代码仅显示使用$link->$email\u内容的位置。=link:$link\n；，但不是你设置的地方->$link=$\u POST['link']；`，我们可以假设你也这么做了吗？

                <form id="ajax-contact" method="post" action="mailer.php">

                <div class="field">
                <label for="name">Name:</label>
                <input type="text" id="name" name="name" required>
                </div>

                <div class="field">
                <label for="email">Email:</label>
                <input type="email" id="email" name="email" required>
                </div>

                <div class="field">
                <label for="link">Link:</label>
                <input type="text" id="link" name="link" required>
                </div>


                <div class="field">
                <label for="message">Message:</label>
                <textarea id="message" name="message" required></textarea>
                </div>

                <div class="field">
                <button type="submit">Send</button>
                </div>

                </form>    

 $(formMessages).text(response);
        // Clear the form.
        $('#name').val('');
        $('#email').val('');
        $('#link').val('');
        $('#message').val('');
    })
    .fail(function(data) {
        // Make sure that the formMessages div has the 'error' class.
        $(formMessages).removeClass('success');
        $(formMessages).addClass('error');

<?php
// My modifications to mailer script from:
// http://blog.teamtreehouse.com/create-ajax-contact-form
// Added input sanitizing to prevent injection

// Only process POST reqeusts.
if ($_SERVER["REQUEST_METHOD"] == "POST") {
    // Get the form fields and remove whitespace.
    $name = strip_tags(trim($_POST["name"]));
            $name = str_replace(array("\r","\n"),array(" "," "),$name);
    $email = filter_var(trim($_POST["email"]), FILTER_SANITIZE_EMAIL);
    $message = trim($_POST["message"]);

    // Check that data was sent to the mailer.
    if ( empty($name) OR empty($message) OR !filter_var($email, FILTER_VALIDATE_EMAIL)) {
        // Set a 400 (bad request) response code and exit.
        http_response_code(400);
        echo "Oops! There was a problem with your submission. Please complete the form and try again.";
        exit;
    }

    // Set the recipient email address.
    // FIXME: Update this to your desired email address.
    $recipient = "garethyo@gmail.com";

    // Set the email subject.
    $subject = "A Future Bubbler… $name ";

    // Build the email content.
    $email_content = "Name: $name\n";
    $email_content .= "Email: $email\n\n";
    $email_content .= "Link: $link\n";
    $email_content .= "Message:\n$message\n";

    // Build the email headers.
    $email_headers = "From: $name <$email>";

    // Send the email.
    if (mail($recipient, $subject, $email_content, $email_headers)) {
        // Set a 200 (okay) response code.
        http_response_code(200);
        echo "Thank You! Your message has been sent.";
    } else {
        // Set a 500 (internal server error) response code.
        http_response_code(500);
        echo "Oops! Something went wrong and we couldn't send your message.";
    }

} else {
    // Not a POST request, set a 403 (forbidden) response code.
    http_response_code(403);
    echo "There was a problem with your submission, please try again.";
}