当我用我的联系人表单发送电子邮件时,textarea值不发送,并且"message:"字段在电子邮件中始终为空。
在jquery中手动声明输入变量,而不是使用serialize,结果相同。
文本区域是在表单标签内,所以我不知道为什么它的值没有被捡起和张贴。
我已经尝试给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>";
}
?>
我在你的代码中发现了这个问题:
从textarea的值从来没有把它放在服务器端,因为你在你的PHP中这样做:
$message = $_POST['text'];
你应该这样做,以便从textarea:
获取值$message = $_POST['message'];
这将解决您的问题:)。
变量命名不一致。
在html表单中,您使用message
作为name属性。但在你的ajax调用和在PHP $_POST-GLOBAL
你正在寻找一个变量称为text
。