我可能会得到一份副本，但我已经搜索了又搜索，但找不到使用相同语法遇到相同问题的人，所以希望有人能看到我遗漏的东西。 PHP 不是我的强项，但我已经学习了几个教程和类(class)，并做了很多努力来改进，这就是为什么这让我如此烦恼。我有一个非常简单的 html 表单，我正在尝试使用 php 将其发送到电子邮件。我找到了一种不同于我习惯使用的方法来执行此操作，并想试一试。当函数触发时，一切似乎都在工作(我已经用 console.log、警报和弹出窗口进行了测试，嗯，弹出，所以如果我没记错的话，“成功”在 PHP 文件中工作。我的问题导致的问题是我从来没有收到来自表单的电子邮件(为了提出这个问题，我已经放入了一个虚拟电子邮件)。

我知道我没有表单 action = "something.php"或直接从表单调用的函数，但据我从这个方法中了解到，所有内容都会在提交时触发。同样，除了电子邮件之外，一切似乎都正常，我不确定交易是什么。

我很想看看更有经验的眼睛是否能找到我所缺少的东西。如果重要的话，托管服务提供商是 Godaddy。非常感谢您提供的任何帮助。

这是我的 html(该页面是 .php 扩展名):

<form class="main-contact-form" id="main-contact-form">
            <div class="row">
                <div class="col-md-6">
                    <input id="first-name" name="firstName" type="text" placeholder="First Name (Required)" onfocus="this.placeholder = ''" onblur="this.placeholder = 'First Name (Required)'" />
                </div>
                <div class="col-md-6">
                    <input id="last-name" name="lastName" type="text" placeholder="Last Name (Required)" onfocus="this.placeholder= ''" onblur="this.placeholder= 'Last Name (Required)'" />
                </div>
                <div class="col-md-6">
                    <input id="email" name="email" type="email" placeholder="Email (Required)" onfocus="this.placeholder= ''" onblur= "this.placeholder= 'Email (Required)'" />
                </div>
                <div class="col-md-6">
                    <input id="phone" name="phone" type="phone" placeholder= "Phone Number" onfocus= "this.placeholder= ''" onblur="this.placeholder= 'Phone Number'" />
                </div>
                <div class="col-md-6">
                    <input id="company" name="company" type="text" placeholder="Company" onfocus="this.placeholder= ''" onblur= "this.placeholder= 'Company'" />
                </div>
                <div class="col-md-6">
                    <select id="contact-type" name="contactType">
                        <option value="" selected>I'd like to...</option>
                        <option class="contact-option" value="Contact sales">Contact sales</option>
                        <option value="Get a quote">Get a quote</option>
                        <option value="Contact customer service">Contact customer service</option>
                    </select>
                </div>
                <div class="col-12">
                    <textarea id="message" placeholder="What can we do for you?" onfocus="this.placeholder= ''" onblur="this.placeholder= 'What can we do for you?'" /></textarea>
                </div>
                <div class="col-md-6 push-md-3">
                    <button type="submit">Submit</button>
                </div>
            </div>
        </form>

这是我的js代码:

var contactForm = $("#main-contact-form");
     contactForm.submit(function(event) {
        event.preventDefault();
        submitForm();           
     });
     function submitForm() {
        var firstName = $("#first-name");
        var lastName = $("#last-name");
        var email = $("#email");
        var phone = $("#phone");
        var company = $("#company");
        var contactType = $("#contact-type");
        var message = $("#message");

        $.ajax({
            type: "POST",
            url: "php/main-contact-form.php",
            data: "firstName=" + firstName + "&lastName" + lastName + "&email" + email + "&phone" + phone + "&company" + company + "&contactType" + contactType + "&message" + message,
            success: function(text) {
                if (text == "success"){
                    formSuccess();
                }
            }
        });          
     }
     var contactSuccess = $(".contact-submission-success")
     function formSuccess(){
        contactSuccess.addClass("show", 200);
     }
});      

这是我的 PHP 代码:

    <?php
$firstName = $_POST["firstName"];
$lastName = $_POST["lastName"];
$email = $_POST["email"];
$phone = $_POST["phone"];
$company = $_POST["company"];
$contactType = $_POST["contactType"];
$message = $_POST["message"];

$EmailTo = "fakeemail@fakeemail.com";
$subject = "New Contact Form Message Received";

$Body .= "First Name: ";
$Body .= $firstName;
$Body .= "\n";

$Body .= "Last Name: ";
$Body .= $lastName;
$Body .= "\n";

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

$Body .= "Phone: ";
$Body .= $phone;
$Body .= "\n";

$Body .= "Company: ";
$Body .= $company;
$Body .= "\n";

$Body .= "Contact Type: ";
$Body .= $contactType;
$Body .= "\n";

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

$success = mail($EmailTo, $Subject, $Body, "From:".$email);

if ($success) {
    echo "success";
} else {
    echo "invalid";
}

?>

最佳答案

嗯，我认为你的问题出在这里:

function submitForm() {
    var firstName = $("#first-name");
    var lastName = $("#last-name");
    var email = $("#email");
    var phone = $("#phone");
    var company = $("#company");
    var contactType = $("#contact-type");
    var message = $("#message");

    $.ajax({
        type: "POST",
        url: "php/main-contact-form.php",
        data: "firstName=" + firstName + "&lastName" + lastName + "&email" + email + "&phone" + phone + "&company" + company + "&contactType" + contactType + "&message" + message,
        success: function(text) {
            if (text == "success"){
                formSuccess();
            }
        }
    });          
 }

您需要获取输入的值，而不是输入本身。例如，如果您这样做:

var miValue = $("#first-name");

您得到的是 dom 元素，而不是值。要获取值，必须调用 val 函数:

var miValue = $("#first-name").val();

你的函数应该是这样的:

function submitForm() {
    var firstName = $("#first-name").val(); //Call the val() function
    var lastName = $("#last-name").val();
    var email = $("#email").val();
    var phone = $("#phone").val();
    var company = $("#company").val();
    var contactType = $("#contact-type").val();
    var message = $("#message").val();

    $.ajax({
        type: "POST",
        url: "php/main-contact-form.php",
        data: "firstName=" + firstName + "&lastName" + lastName + "&email" + email + "&phone" + phone + "&company" + company + "&contactType" + contactType + "&message" + message,
        success: function(text) {
            if (text == "success"){
                formSuccess();
            }
        }
    });          
 }

您可以在此处阅读有关 val 的更多信息:val() jQuery

关于javascript - 只是无法获取发送电子邮件的表格，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/41669636/