我想提交一个表单而不重新加载页面,这可能是一个老话题了。但是我找到的解决方案根本不起作用,我也不知道哪里做错了。
我知道这是一个JavaScript问题,因为如果我使用简单版本,提交没有任何JavaScript的表单,则会收到错误提示。
这是我的HTML:
<form action="confirm.php" id="support" method="post">
<input autocomplete="off" id="name" name="name" placeholder="Numele tău" required="" type="text" />
<input autocomplete="off" id="email" name="email" placeholder="Email-ul tău" required="" type="email" />
<input autocomplete="off" id="phone" name="phone" placeholder="Numărul tău de telefon (opțional)" type="tel" />
<input class="button" name="submit" type="submit" value="TRIMITE" />
<p id="success">Thanks!</p>
</form>
PHP:
<?php
if(isset($_POST['submit'])){
$to = "invest@es-sphere.ro";
$name = $_POST['name'];
$from = $_POST['email'];
$phone = $_POST['phone'];
$subject = "Sunt interesat de INVEST!";
$message = $name . ", cu numărul de telefon " . $phone . " și email-ul " . $from . "este interesat de proiectul INVEST";
$headers = "From:" . $from;
mail($to,$subject,$message,$headers);
}
?>
javascript:
$(document).ready(function () {
$('#support').submit(function (e) {
e.preventDefault();
var formData = $(this).serialize();
$.post("confirm.php", formData).done(function() {
console.log("Success");
$("#success").show();
});
});
});