Question

当我使用我的联系表单发送电子邮件时，textarea值不会发送，并且电子邮件中的“message：”字段始终为空。

在jquery中手动声明输入变量而不是使用serialize会产生相同的结果。

textarea位于表单标记内，所以我不知道为什么它的值没有被拾取和发布。

我尝试过给textarea一个id =“message”并在jquery中手动调用它：var text = $("#message").val();和var text = $("textarea#message").val();但它仍然没有发送。

我不知道我做错了什么。请帮忙。

这是我的代码：

    <form id="contactForm" method="POST">
            <div class="row small-margin">
                <div class="col-md-4">
                    <i class="pe-7s-user pe-2x icon-contact"></i>
                    <input name="name" type="text" placeholder="Name(required)" required size="35">
                </div> 
                <div class="col-md-4">
                    <i class="pe-7s-mail pe-2x icon-contact"></i>
                    <input name="email" type="email" placeholder="Email(required)" required size="35">
                </div>
                <div class="col-md-4">
                    <i class="pe-7s-link pe-2x icon-contact"></i>
                    <input name="website" type="text" placeholder="Website" size="35">
                </div>
            </div>
            <div class="row small-margin">
                <div class="col-md-12">
                    <!-- Message Field -->
                    <textarea name="message" placeholder="Your Message(required)" required></textarea>
                    <!-- Submit Button -->
                    <button id="submit" name="submit" type="submit" class="button" value="submit">SEND MESSAGE</button>
                    <!-- Success Message -->
                    <div id="msgSubmit" class="alert alert-success text-center hidden">Message Sent Successfully</div>
                </div>
            </div>
</form>

和JS：

$("#contactForm").submit(function(event){
// cancels the form submission
event.preventDefault();
console.log( $( this ).serialize() );
});


    $.ajax({
        type: "POST",
        url: "php/form-process.php",
        data: "name=" + name + "&email=" + email + "&website=" + website + "&message=" + text,
        success : function(text){
            if (text == "success"){
                formSuccess();
            }
        }
    });
}
function formSuccess(){
    $( "#msgSubmit" ).removeClass( "hidden" );
}

和PHP：

<?php
    // Set variables
    $name = $_POST['name'];
    $email = $_POST['email'];
    $website = $_POST['website'];
    $message = $_POST['text'];

    $to = 'novakim92@gmail.com'; 
    $subject = 'New Message from Nixo';

    // Prepare email body text
    $Body .= "Name: ";
    $Body .= $name;
    $Body .= "\n";

    $Body .= "Email: ";
    $Body .= $email;
    $Body .= "\n";

    $Body .= "Website: ";
    $Body .= $website;
    $Body .= "\n";

    $Body .= "Message: ";
    $Body .= $message;
    $Body .= "\n";

    // Send email
    $success = mail($to, $subject, $Body, "From:".$email);

    if ($success){
       echo "success";
    }else{
        echo "<p>Something went wrong, please try again!</p>";
    }
?>

Answer 1

您的变量命名不一致。

在您的HTML表单中，您使用message作为name-attribute。但是在你的AJAX调用和PHP $_POST-GLOBAL中，你正在寻找一个名为text的变量。

Answer 2

我在您的代码中发现了问题：

来自textarea的值从未成为服务器端，因为您在PHP中执行此操作：

$message = $_POST['text'];

你应该这样做才能从textarea中获取值：

$message = $_POST['message'];

这将解决您的问题:)。希望它有所帮助。

联系表单发送带有空消息字段的邮件

2 个答案: