如何与表单联系人一起使用reCAPTCHA? [英] How can I use reCAPTCHA with my form contact?
问题描述
当我按表单上的提交"按钮时,reCAPTCHA将允许.我的表格可以发送邮件而无需检查我不是机器人.我不知道这是否包含ajax.如何与表单联系人一起使用reCAPTCHA?
非常感谢您的时间和协助.
这是我的HTML代码.
< form class ="callus" onSubmit ="return false">< div id ="result"></div><输入type ="text" name ="name" id ="name"><输入type ="email" name ="email" id ="email">< textarea name ="message" id ="message"></textarea>< div class ="g-recaptcha" data-sitekey ="XXXXX"></div>< button id ="submit_btn">提交</button></form>
这是我的Javascript.
jQuery(document).ready(function($){$(#submit_btn").click(function(){var user_name = $('input [name = name]').val();var user_email = $('input [name = email]').val();var user_message = $('textarea [name = message]').val();var post_data,输出;varproced = true;if(user_name =="){继续=假;}if(user_email =="){继续=假;}if(user_subject =="){继续=假;}if(user_message =="){继续=假;}如果(继续){post_data = {'userName':user_name,'userEmail':user_email,'userMessage':user_message};$ .post('email.php',post_data,function(response){if(response.type =='错误'){输出='< div class ="alert-danger">'+ response.text +'</div>';;}别的{输出='< div class ="alert-success">'+ response.text +'</div>';$('.callus input').val('');$('.callus textarea').val('');}$(#result").hide().html(output).slideDown();},'json');}});$(.callus input,.callus textarea").keyup(function(){$(#result").slideUp();});});
email.php
<?phpif($ _ POST){$ to_Email ='demo@localhost.com';$ subject ='新联系人查询';if(!isset($ _ SERVER ['HTTP_X_REQUESTED_WITH'])AND strtolower($ _ SERVER ['HTTP_X_REQUESTED_WITH'])!='xmlhttprequest'){$输出= json_encode(大批('type'=>'错误','文本'=>请求必须来自Ajax"));die($ output);}if(!isset($ _ POST ["userName"]))||!isset($ _ POST ["userEmail"])||!isset($ _ POST ["userMessage"]))){$ output = json_encode(array('type'=>'error','text'=>'输入字段为空!'));die($ output);}$ user_Name = filter_var($ _ POST ["userName"],FILTER_SANITIZE_STRING);$ user_Email = filter_var($ _ POST ["userEmail"],FILTER_SANITIZE_EMAIL);$ user_Message = filter_var($ _ POST ["userMessage"],FILTER_SANITIZE_STRING);if(strlen($ user_Name)< 3){$ output = json_encode(array('type'=>'error','text'=>'名称太短或为空!'));die($ output);}if(!filter_var($ user_Email,FILTER_VALIDATE_EMAIL)){$ output = json_encode(array('type'=>'error','text'=>'请输入有效的电子邮件!'));die($ output);}if(strlen($ user_Message)< 5){$ output = json_encode(array('type'=>'error','text'=>'消息太短!请输入内容.'));die($ output);}$ message_Body =< strong>名称:</strong>".$ user_Name.< br>";$ message_Body.="< strong>电子邮件:</strong>.$ user_Email.< br>";$ message_Body.="< strong>消息:</strong>.$ user_Message.< br>";$ headers =发件人:".strip_tags($ user_Email)."\ r \ n";$ headers.="回复至:.strip_tags($ user_Email)."\ r \ n";$ headers.=" MIME版本:1.0 \ r \ n;$ headers.=内容类型:文本/html; charset = ISO-8859-1 \ r \ n";$ sentMail = @mail($ to_Email,$ subject,$ message_Body,$ headers);if(!$ sentMail){$ output = json_encode(array('type'=>'error','text'=>'无法发送邮件!请检查您的PHP邮件配置.'));die($ output);}别的{$ output = json_encode(array('type'=>'message','text'=>'嗨'.$ user_Name.'感谢您与我们联系.'));die($ output);}}?>
您必须在服务器端验证验证码.一旦您检查了验证码,它将为您提供验证码.
var captchaCode = this.grecaptcha.getResponse();
Re-Captcaha 提供类似
的回调函数 < div class ="g-recaptcha" id ="headerCaptcha" data-callback ="recaptchaCallbackHeader" data-expired-callback ="recaptchaExpiryHeader" data-sitekey ="xxx"></div>
您必须将此capthca代码发布到backednd以便在 recaptchaCallbackHeader
中进行验证.(有关详细代码,请参见下面的链接)
$ secretKey =在这里放置您的秘密密钥";$ ip = $ _SERVER ['REMOTE_ADDR'];$ response = file_get_contents("https://www.google.com/recaptcha/api/siteverify?secret=".$ secretKey.& response =".$ captcha.& remoteip =".$ ip);
您将获得此API的响应.
$ responseKeys = json_decode($ response,true);if(intval($ responseKeys ["success"])!== 1){回声'< h2>您不是@ $%K out</h2>'的机器人';} 别的 {echo'< h2>感谢发表评论.</h2>';}
请记住Recaptcha提供两种类型的密钥.
- 在服务器端用于验证验证码的私钥.
- 用于在clint一侧呈现验证码的网站密钥.
并且在此处使用PHP进行验证. >
When I press button Submit on form, reCAPTCHA will allow. My form can send message without check I'm not a robot. I don't know if it's about include ajax. How can I use reCAPTCHA with my form contact?
Thank you very much for your time and assistance in this matter.
This my HTML code.
<form class="callus" onSubmit="return false">
<div id="result"></div>
<input type="text" name="name" id="name">
<input type="email" name="email" id="email">
<textarea name="message" id="message"></textarea>
<div class="g-recaptcha" data-sitekey="XXXXX"></div>
<button id="submit_btn">Submit</button>
</form>
This is my Javascript.
jQuery(document).ready(function($){
$("#submit_btn").click(function() {
var user_name = $('input[name=name]').val();
var user_email = $('input[name=email]').val();
var user_message = $('textarea[name=message]').val();
var post_data, output;
var proceed = true;
if(user_name==""){
proceed = false;
}
if(user_email==""){
proceed = false;
}
if(user_subject==""){
proceed = false;
}
if(user_message==""){
proceed = false;
}
if(proceed) {
post_data = {'userName':user_name, 'userEmail':user_email, 'userMessage':user_message};
$.post('email.php', post_data, function(response){
if(response.type == 'error') {
output = '<div class="alert-danger">'+response.text+'</div>';
}else{
output = '<div class="alert-success">'+response.text+'</div>';
$('.callus input').val('');
$('.callus textarea').val('');
}
$("#result").hide().html(output).slideDown();
}, 'json');
}
});
$(".callus input, .callus textarea").keyup(function() {
$("#result").slideUp();
});
});
email.php
<?php
if($_POST) {
$to_Email = 'demo@localhost.com';
$subject = 'New Contact Inquiry';
if(!isset($_SERVER['HTTP_X_REQUESTED_WITH']) AND strtolower($_SERVER['HTTP_X_REQUESTED_WITH']) != 'xmlhttprequest') {
$output = json_encode(
array(
'type'=>'error',
'text' => 'Request must come from Ajax'
));
die($output);
}
if(!isset($_POST["userName"]) || !isset($_POST["userEmail"]) || !isset($_POST["userMessage"])) {
$output = json_encode(array('type'=>'error', 'text' => 'Input fields are empty!'));
die($output);
}
$user_Name = filter_var($_POST["userName"], FILTER_SANITIZE_STRING);
$user_Email = filter_var($_POST["userEmail"], FILTER_SANITIZE_EMAIL);
$user_Message = filter_var($_POST["userMessage"], FILTER_SANITIZE_STRING);
if(strlen($user_Name)<3) {
$output = json_encode(array('type'=>'error', 'text' => 'Name is too short or empty!'));
die($output);
}
if(!filter_var($user_Email, FILTER_VALIDATE_EMAIL)) {
$output = json_encode(array('type'=>'error', 'text' => 'Please enter a valid email!'));
die($output);
}
if(strlen($user_Message)<5) {
$output = json_encode(array('type'=>'error', 'text' => 'Too short message! Please enter something.'));
die($output);
}
$message_Body = "<strong>Name: </strong>". $user_Name ."<br>";
$message_Body .= "<strong>Email: </strong>". $user_Email ."<br>";
$message_Body .= "<strong>Message: </strong>". $user_Message ."<br>";
$headers = "From: " . strip_tags($user_Email) . "\r\n";
$headers .= "Reply-To: ". strip_tags($user_Email) . "\r\n";
$headers .= "MIME-Version: 1.0\r\n";
$headers .= "Content-Type: text/html; charset=ISO-8859-1\r\n";
$sentMail = @mail($to_Email, $subject, $message_Body, $headers);
if(!$sentMail) {
$output = json_encode(array('type'=>'error', 'text' => 'Could not send mail! Please check your PHP mail configuration.'));
die($output);
}else{
$output = json_encode(array('type'=>'message', 'text' => 'Hi '.$user_Name .' Thank you for contacting us.'));
die($output);
}
}
?>
You have to validate captcha code at server side . Once you checked captcha it will give you captcha code.
var captchaCode = this.grecaptcha.getResponse();
Re-Captcaha provide callback functions like
<div class="g-recaptcha" id="headerCaptcha" data-callback="recaptchaCallbackHeader" data-expired-callback="recaptchaExpiryHeader" data-sitekey="xxx"></div>
You have to post this capthca code to backednd for validation inside recaptchaCallbackHeader
. (refer below links for detail code)
$secretKey = "Put your secret key here";
$ip = $_SERVER['REMOTE_ADDR'];
$response=file_get_contents("https://www.google.com/recaptcha/api/siteverify?secret=".$secretKey."&response=".$captcha."&remoteip=".$ip);
Inresponse of this API you will get .
$responseKeys = json_decode($response,true);
if(intval($responseKeys["success"]) !== 1) {
echo '<h2>You are not a robot @$%K out</h2>';
} else {
echo '<h2>Thanks for posting comment.</h2>';
}
Remember recaptcha provide two types of keys.
- Private key which is used on server side for validation of captcha code.
- Site-key which is used to render captcha on clint side.
And Here to validate using PHP.
这篇关于如何与表单联系人一起使用reCAPTCHA?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!