时间戳

首页 > 解决方案 > 重新验证后如何执行操作表单

php - 重新验证后如何执行操作表单

问题描述

我想使用我的表单发表评论，它可以在没有 recaptcha 的情况下工作，但是当我添加 recaptcha 时，它在这里不起作用是我的带有 recaptcha 的代码

<?php
           echo "<form class='recaptchaForm' method='POST' action='".setComments($conn)."'>
              <input type='hidden' name='room_name' value='$name'>
              <input type='hidden' name='date' value='".date('Y-m-d H:i:s')."'>
              <input type='text' name='uname' id='uname' class='name' placeholder='Name' required  /><br>
              <input type='text' name='umail'
              id='umail' class='name' placeholder='E-mail' required  />

              <textarea id='message' class='message' name='message'
              placeholder='Join the Discussion'
              required ></textarea><br>

              <div class='g-recaptcha' data-sitekey='6LfF4XYUAAAAAMaLkn2-AMUsoEkt-ym-SFsCVEBG'></div>

              <button type='submit' id='post' name='commentSubmit'>Post Review</button>

            </form>";
        ?>

这是脚本

<script>
    $(document).on('click', '[name="commentSubmit"]' function(event)  {

    var recaptcha = $('[name="g-recaptcha-response"]').val();
    if(recaptcha===""){

    event.preventDefault();
    alert("Please Check Recaptcha");
 }
  event.preventDefault();
   $.post("submit.php",{
   "secret":"6LfF4XYUAAAAAFXOxblX4Vttp67bmaRJXkua6Ks-",
   "response":recaptcha
 },function(response){
 console.log(response);

 $('.recaptchaForm').submit();

   }); // End of response

 }); // End of $.post
}); // End of click event function
</script>

这是submit.php

<?php
   $secret = $_POST["secret"];
   $response = $_POST["response"];
   $url = "https://www.google.com/recaptcha/api/siteverify? 
   secret=".$secret."&response=".$response;
   $verify = file_get_contents($url);
   echo $verify;
?>

这里是 action='".setComments($conn)."'

function setComments($conn){
    if(isset($_POST['commentSubmit'])){
        $room_name = $_POST['room_name'];
        $date = $_POST['date'];
        $uname = $_POST['uname'];
        $umail = $_POST['umail'];
        $message = $_POST['message'];

        $query = "insert into comments_table (cname, cmail, cmessage,room_name,cdate) Values ('$uname','$umail','$message','$room_name','$date')";
        $result = mysqli_query($conn, $query);
    }
    }

我想我错过了一些东西，但我不知道它是什么请帮助我，我是初学者

标签： phpformsrecaptcha

解决方案

我认为 event.preventDefault 不会让表单提交。因此，通过将脚本修改为此进行检查：

$(document).on('click', '[name="commentSubmit"]', function(event)  {
event.preventDefault();
var recaptcha = $('[name="g-recaptcha-response"]').val();
if(recaptcha===""){

  alert("Please Check Recaptcha");

}
else{

 $.post("submit.php",{
    "secret":"6LfF4XYUAAAAAFXOxblX4Vttp67bmaRJXkua6Ks-",
    "response":recaptcha
 },function(response){
    console.log(response);

    $('.recaptchaForm').submit();


   });
 }

 });

推荐阅读