Javascript 如何将google capcha添加到此网站
联系方式Javascript 如何将google capcha添加到此网站,javascript,php,html,css,Javascript,Php,Html,Css,联系方式 <section id="contact" class="contact-area"> <div class="container"> <div class="row justify-content-center"> <div class="col-lg-6">
<section id="contact" class="contact-area">
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-6">
<div class="section-title text-center pb-20">
<h3 class="title">Get in touch</h3>
</div> <!-- section title -->
</div>
</div> <!-- row -->
<div class="row">
<div class="col-lg-6">
<div class="contact-two mt-50 wow fadeIn" data-wow-duration="1.5s" data-wow-delay="0.2s">
<h4 class="contact-title">Lets talk about the project</h4>
<ul class="contact-info">
<li> <a class="skype" href=""> <i class="fa fa-skype" aria-hidden="true"></i> SKYPE (Chat)</a></li>
<li><i class="fa fa-whatsapp" aria-hidden="true"></i><a href="">WhatsApp</a></li>
<li><i class="lni-phone-handset"></i>123456789</li>
<li><i class="lni-envelope"></i> sample@gmail.com </li>
</ul>
</div> <!-- contact two -->
</div>
<div class="col-lg-6">
<div class="contact-form form-style-one mt-35 wow fadeIn" data-wow-duration="1.5s" data-wow-delay="0.5s">
<form id="myForm" method="post" enctype="multipart/form-data" >
<div class="form-input mt-15">
<label>Name</label>
<div class="input-items default">
<input id="name-input" name="name" type="text" placeholder="Full name" required>
<i class="lni-user"></i>
</div>
</div> <!-- form input -->
<div class="form-input mt-15">
<label>Email</label>
<div class="input-items default">
<input id="email-input" name="email" type="text" placeholder="Eg. example@email.com" required>
<i class="lni-envelope"></i>
</div>
</div> <!-- form input -->
<div class="form-input mt-15">
<label>Massage</label>
<div class="input-items default">
<textarea id="message-textarea" name="message" placeholder="Write us a message"></textarea>
<i class="lni-pencil-alt"></i>
</div>
</div> <!-- form input -->
<p class="form-message"></p>
<div class="form-input rounded-buttons mt-20">
<button class="main-btn rounded-three" id="btnSend" onclick="submitForm();">Send message</button>
</div> <!-- form input -->
</form>
<div id="successDiv" >
<h1 style="text-align:center;font-size:12px; padding-top:10px;">Thank you!</h1>
<h4 style="text-align:center;font-size:12px;color:green">Your message has been successfully sent. We will contact you very soon!</h4>
</div>
</div> <!-- contact form -->
</div>
</div> <!-- row -->
</div> <!-- container -->
</section>
联系
让我们谈谈这个项目
- 123456789
- sample@gmail.com
名称
电子邮件
按摩
发送消息
非常感谢。
您的邮件已成功发送。我们将很快与您联系!
JS
$(“#myForm”).submit(函数(e){
e、 预防默认值();
});
$('document').ready(函数(){
$(“#successDiv”).fadeOut();
});
函数submitForm()
{
变量名称=$(“#名称输入”).val();
var email=$(“#电子邮件输入”).val();
var msg=$(“#消息文本区域”).val();
$.ajax({
类型:“POST”,
url:“http://vrnl.net/contactfrm.php",
数据:{name:name,email:email,msg:msg},
成功:功能(响应){
如果($.trim(响应)=“成功”)
{
//$(“#successDiv”).css(“显示”、“块”);
$(“#successDiv”).fadeIn();
setTimeout(函数(){$(“#successDiv”).fadeOut();},2000);
$(“#名称输入”).val(“”);
$(“#电子邮件输入”).val(“”);
$(“#消息文本区”).val(“”);
}
其他的
{}
}
});
}
PHP
//在元素中插入代码。
注意:不要忘记通过用API公钥替换公钥来设置$publickey。你可以从https://developers.google.com/recaptcha
您的代码中没有验证码。你读过吗?是的,我读过,我写过,我试过添加它,但没有效果,这段代码没有,因为我不知道在哪里以及如何添加它。这就是为什么我在这里提出了一个问题。只有代码的答案没有那么有用。请考虑在你的答案中添加一些上下文。
<script type="text/javascript">
$("#myForm").submit(function(e) {
e.preventDefault();
});
$('document').ready(function(){
$("#successDiv").fadeOut();
});
function submitForm()
{
var name = $("#name-input").val();
var email = $("#email-input").val();
var msg = $("#message-textarea").val();
$.ajax({
type: "POST",
url: "http://vrnl.net/contactfrm.php",
data: {name:name,email:email,msg:msg},
success:function(response){
if($.trim(response)=="Success")
{
// $("#successDiv").css("display","block");
$("#successDiv").fadeIn();
setTimeout(function (){ $("#successDiv").fadeOut(); },2000);
$("#name-input").val("");
$("#email-input").val("");
$("#message-textarea").val("");
}
else
{}
}
});
}
</script>
<?php
//get data from form
$name = $_POST['name'];
$email= $_POST['email'];
$message= $_POST['msg'];
$to = "sample@gmail.com";
$subject = "Mail From website";
$cc = "sample@gmail.com";
$txt ="";
$txt .="<html><body>";
$txt .= "<table style='border-collapse: collapse; width: 30%; background: #ddd7d769;'><tr>
<th style='border: 1px solid #0000004f; text-align: left; padding: 8px;'>Name</th>";
$txt .= "<td style=' border: 1px solid #0000004f;text-align: left;padding: 8px;'>".$name."</td></tr>";
$txt .= "<tr style='background: lightgrey;'><th style='border: 1px solid #0000004f; text-align: left; padding: 8px;'>Email</th>";
$txt .= "<td style='border: 1px solid #0000004f; text-align: left; padding: 8px;'>".$email."</td></tr>";
$txt .= "<tr><th style='border: 1px solid #0000004f; text-align: left; padding: 8px;'>Message</th>";
$txt .= "<td style='border: 1px solid #0000004f; text-align: left; padding: 8px;'>".$message."</td></tr>";
$txt .= "</table>";
$txt .="</body></html>";
$headers = "From: vrnl.net" . "\r\n" ;
$headers .= 'Cc: '.$cc . "\r\n";
$headers .= "MIME-Version: 1.0'.PHP_EOL'\r\n";
$headers .= "Content-Type: text/html; charset=ISO-8859-1\r\n";
if($email!=NULL){
mail($to,$subject,$txt,$headers);
echo "Success";
}
else{
echo "Fail";
}
//redirect
// echo "Message has been sent";
?>
// Insert code inside <form> element.
<form method="post">
<?php
require once('recaptchalib.php');
$publickey = "your_public_key"; // you got this from the signup page
echo recaptcha_get_html($publickey);
?>
<input type="submit" name="submit" />
</form>
Note: Don't forget to set $publickey by replacing your_public_key with your API public key. You can get from https://developers.google.com/recaptcha