gpt4 book ai didi

javascript - 联系表 [带有 Recaptcha]

转载 作者:行者123 更新时间:2023-12-03 08:43:42 25 4
gpt4 key购买 nike

我有一个单页网站,但联系表单未提交或生成感谢消息。按下提交按钮后,页面显示一个空白的 PHP 页面。我知道这个问题已经被问过几次了,但我找不到解决我的问题的答案。

提交后,表单应该消失,并且在整个覆盖层消失之前应该出现一条感谢消息。我还在表格上有谷歌验证码。如果用户跳过验证码验证并提交,页面只会刷新(或定向到主页)。发生这种情况时如何才能显示错误消息?我在下面提供了一些 Javascript 和 PHP 代码。

如何才能按上述方式显示感谢信息?对于 Javascript 和 PHP 都有感谢信息是多余的吗?

HTML:
<form id="contact_form" action="contactform.php" method="POST" role="form">

Javascript:

$("#overlayform .contentform input[type=submit]").on('submit', function(e){ // Not sure if I need this.
e.preventDefault();
$('#overlayform input, #overlayform textarea').blur();
if ($('#overlayform .ErrorField').length > 0) {
return false;
} else {
$('#overlayForm .contentform input[type=submit]').addClass('submitted').val('Sending...'); //After clicking the submit button the button shows Sending
var name = $('#overlay_name').val();
var name= $('#overlay_name2').val();
var email = $('#overlay_email').val();
var telephone = $('#overlay_telephone').val();
var message = $('#overlay_message').val();


$.ajax({
type: "POST",
url: 'contactform.php',
data: {
name: name,
telephone: telephone,
message: message,

},
success: function(returnData) {
if (returnData == 'Error') {
//alert('Error');
} else {
$('#overlayform .contentform h2').text('Thank you...');
$('#overlayform .contentform h4').text('second message');
$('#overlayform .contentform , #overlayform .contentform input[type=submit], #overlayform .contentform .form').fadeOut('fast');

$('#overlayform').delay(3000).fadeOut();
$(".homecard").fadeIn();


}
},
error: function(returnData) {

}
});
return false;

}});

PHP:

//Recaptcha privatekey etc.
$resp = recaptcha_check_answer ($privatekey,
$_SERVER["REMOTE_ADDR"],
$_POST["recaptcha_challenge_field"],
$_POST["recaptcha_response_field"]);
if (!$resp->is_valid) {
// What happens when the CAPTCHA was entered incorrectly
die ("The reCAPTCHA wasn't entered correctly. Go back and try it again.") //This never shows
"(reCAPTCHA said: " . $resp->error . ")");
} else {
echo "Thank you."
}
$name= $_POST['overlay_name'];
$name2= $_POST['overlay_name2'];
$email= $_POST['overlay-email'];
$telephone = $_POST['overlay-telephone'];
$message= $_POST['overlay_message'];
$to='email address';
$subject= "Jancarus Contact Form:" $_POST['myOpt'];
$body = "
<br>
<p>The following information was submitted through the contact form on your website:</p>
<p><b>Name</b>: $name $name2<br>
<b>Email</b>: $email<br>
</p>";

$headers = "From: $name $name2 <$email> \r\n";
$headers .= "Reply-To: $email \r\n";
$headers .= "MIME-Version: 1.0\r\n";
$headers .= "Content-Type: text/html; charset=ISO-8859-1\r\n";
$message = "<html><body>$body</body></html>";
if ($_POST['submit']) {
if ($name != '' && $email != '') {
if (!$resp->is_valid) {
if (mail ($to, $subject, $body, $headers)) {
echo '<p>Your message has been sent!</p>';
} else {
echo '<p>Something went wrong, go back and try again!</p>'; //Echo doesn't seem to work. I validated the input fields in Javascript.
}
} else if ($_POST['submit'] && $resp) {
echo '<p>You answered the anti-spam question incorrectly!</p>';
}
} else {
echo '<p>You need to fill in all required fields!!</p>';
}

最佳答案

首先,我会删除验证码系统,直到其他一切正常运行为止。

其次,为什么要通过ajax提交表单并发送数据?与上面的评论类似,我至少现在会摆脱 ajax 处理程序。

第三,如果出现白屏,可能是因为出现 PHP 错误。您有错误报告吗?你的 php 有大量未声明的变量...我假设你在其他地方这样做了,但我不确定。

我建议您在线查找联系表格教程并遵循该教程。

关于javascript - 联系表 [带有 Recaptcha],我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32979605/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com