9赞
reCAPTCHA Invisible - 重新提交表格问题

作者：小妖694_807 | 2023-09-06 14:03
如何解决《reCAPTCHAInvisible-重新提交表格问题》经验，为你挑选了1个好方法。
在使用reCaptcha时,我遇到了一个问题.在代码中,使用AJAX提交表单.在提交之前,我需要检查字段是否已填写.如果字段未填写,则不应提交.
在这种情况下,如果未填写文本字段,则会发出警报.
问题是在拒绝无效帖子后,提交按钮停止工作2到3分钟,并且reCaptcha没有给出错误.经过一段时间后,reCaptcha再次开始工作并提交按钮.

       
       
       /textarea>
       <button class="g-recaptcha pull-right" data-sitekey="#your-site-key" data-callback="sendData" type="submit"> SEND <i class="flaticon-origami34"></i> </button>
</form>
</pre>

<p>Javascripts: </p>

<pre class="brush:bash;">function sendData(){

    console.log('send data - '); // --> works

    //send datas: 

    $("#contact-form").submit();

};

$('#contact-form').on("submit", function() {

console.log('clicked submit'); // --> works

name = $('#name').val().replace(/<|>/g, ""), // prevent xss
    email = $('#email').val().replace(/<|>/g, ""),
    msg = $('#message').val().replace(/<|>/g, "");

if (name == '' || email == '' || msg == '') {

    alert("Please fill all areas !");

} else {

    console.log('captcha response: ' + grecaptcha.getResponse()); // --> captcha response: 

    // ajax to the php file to send the mail
    $.ajax({
        type: "POST",
        url: "SaveContact.php",
        data: "email=" + email + "&name=" + name + "&msg=" + msg + "&g-recaptcha-response=" + grecaptcha.getResponse()
    }).done(function(status) {
        if (status == "ok") {
            // clear the form fields
            $('#name').val('');
            $('#email').val('');
            $('#message').val('');
        }
    });

}});
</pre></p>
    <p>
  <p>

<p class="row">
<p class="col-lg-9 col-md-12 my-2 pr-4">
  
  
  <p id="answer-3074443011" class="row bg-light rounded my-2 mx-0">
    <p class="col shadow">
      <p>
        <i class="fa fa-git-square text-info"></i>小智..</abbr>
        <i class="fa fa-html5 text-primary"></i> 5</abbr>
      </p>
      <p><p>根据文档，您还可以调用<code>grecaptcha.reset(opt_widget_id);</code>，其中<code>opt_widget_id</code>是可选的，默认为创建的第一个Recaptcha小部件。</p><br><br><b>1> 小智..：</b><hr><p>根据文档，您还可以调用<code>grecaptcha.reset(opt_widget_id);</code>，其中<code>opt_widget_id</code>是可选的，默认为创建的第一个Recaptcha小部件。</p></p>
            </div>

    <div class="article_ab" style="width: 720px;height: 100px;margin: 0 auto;margin-top: 15px;">

    </div>

    <div class="article_recommend">
        <div class="list_top">推荐阅读</div>
        <div class="ListItems">
            <ul class="NewsList">
                                <li>
                    <div class="NewTitle">
                        <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a>
                        <h2><a href="https://devbox.cn/p/AWSS3_CunChuTong_b947f812.html" target="_blank" title="AWS S3存储桶日志与AWS cloudtrail">AWS S3存储桶日志与AWS cloudtrail</a></h2>
                    </div>

                    <div class="NewsInfo">
                                                <div class="NewsDesc" >
                        如何解决《AWSS3存储桶日志与AWScloudtrail》经验，为你挑选了2个好方法。 ...
                        <a href="https://devbox.cn/p/AWSS3_CunChuTong_b947f812.html" target="_blank" title="AWS S3存储桶日志与AWS cloudtrail">[详细]</a>
                    </div>
                    <div style="clear:both"></div>

                </li>


                                <li>
                    <div class="NewTitle">
                        <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a>
                        <h2><a href="https://devbox.cn/p/Jiang_VisualVM_X_ba54e5af.html" target="_blank" title="将VisualVM信息另存为数据">将VisualVM信息另存为数据</a></h2>
                    </div>

                    <div class="NewsInfo">
                                                <div class="NewsImg">
                            <a href="https://devbox.cn/p/Jiang_VisualVM_X_ba54e5af.html" target="_blank" title="将VisualVM信息另存为数据"><img src="https://img.devbox.cn/3cccf/16086/243/d7c059f5a3503b7b.png" width="120" height="70" alt="将VisualVM信息另存为数据"/></a>
                        </div>
                                                <div class="NewsDesc" style="width:500px;margin-left:15px;">
                        如何解决《将VisualVM信息另存为数据》经验，为你挑选了1个好方法。 ...
                        <a href="https://devbox.cn/p/Jiang_VisualVM_X_ba54e5af.html" target="_blank" title="将VisualVM信息另存为数据">[详细]</a>
                    </div>
                    <div style="clear:both"></div>

                </li>


                                <li>
                    <div class="NewTitle">
                        <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a>
                        <h2><a href="https://devbox.cn/p/JianCe_neo4j_Shu_e8ae590a.html" target="_blank" title="检测neo4j属性图中的短周期">检测neo4j属性图中的短周期</a></h2>
                    </div>

                    <div class="NewsInfo">
                                                <div class="NewsDesc" >
                        如何解决《检测neo4j属性图中的短周期》经验，为你挑选了1个好方法。 ...
                        <a href="https://devbox.cn/p/JianCe_neo4j_Shu_e8ae590a.html" target="_blank" title="检测neo4j属性图中的短周期">[详细]</a>
                    </div>
                    <div style="clear:both"></div>

                </li>


                                <li>
                    <div class="NewTitle">
                        <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a>
                        <h2><a href="https://devbox.cn/p/TongGuo_tvOS_Zho_e1da3a4f.html" target="_blank" title="通过tvOS中的遥控器菜单按钮检测UIViewController何时被解除">通过tvOS中的遥控器菜单按钮检测UIViewController何时被解除</a></h2>
                    </div>

                    <div class="NewsInfo">
                                                <div class="NewsDesc" >
                        如何解决《通过tvOS中的遥控器菜单按钮检测UIViewController何时被解除》经验，为你挑选了0个好方法。 ...
                        <a href="https://devbox.cn/p/TongGuo_tvOS_Zho_e1da3a4f.html" target="_blank" title="通过tvOS中的遥控器菜单按钮检测UIViewController何时被解除">[详细]</a>
                    </div>
                    <div style="clear:both"></div>

                </li>


                                <li>
                    <div class="NewTitle">
                        <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a>
                        <h2><a href="https://devbox.cn/p/Symfony2-8-_Cong_1bd9711b.html" target="_blank" title="Symfony 2.8:从2.7.7更新到2.8.0后isScopeActive弃用">Symfony 2.8:从2.7.7更新到2.8.0后isScopeActive弃用</a></h2>
                    </div>

                    <div class="NewsInfo">
                                                <div class="NewsDesc" >
                        如何解决《Symfony2.8:从2.7.7更新到2.8.0后isScopeActive弃用》经验，为你挑选了1个好方法。 ...
                        <a href="https://devbox.cn/p/Symfony2-8-_Cong_1bd9711b.html" target="_blank" title="Symfony 2.8:从2.7.7更新到2.8.0后isScopeActive弃用">[详细]</a>
                    </div>
                    <div style="clear:both"></div>

                </li>


                                <li>
                    <div class="NewTitle">
                        <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a>
                        <h2><a href="https://devbox.cn/p/Elasticsearch-_P_09a22876.html" target="_blank" title="Elasticsearch  - 配置没有标记器的小写分析器">Elasticsearch  - 配置没有标记器的小写分析器</a></h2>
                    </div>

                    <div class="NewsInfo">
                                                <div class="NewsDesc" >
                        如何解决《Elasticsearch-配置没有标记器的小写分析器》经验，为你挑选了1个好方法。 ...
                        <a href="https://devbox.cn/p/Elasticsearch-_P_09a22876.html" target="_blank" title="Elasticsearch  - 配置没有标记器的小写分析器">[详细]</a>
                    </div>
                    <div style="clear:both"></div>

                </li>


                                <li>
                    <div class="NewTitle">
                        <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a>
                        <h2><a href="https://devbox.cn/p/ShiYongDuiXiangB_2df6b1a5.html" target="_blank" title="使用对象变量屏蔽参数时,透明代码会引发错误">使用对象变量屏蔽参数时,透明代码会引发错误</a></h2>
                    </div>

                    <div class="NewsInfo">
                                                <div class="NewsDesc" >
                        如何解决《使用对象变量屏蔽参数时,透明代码会引发错误》经验，为你挑选了0个好方法。 ...
                        <a href="https://devbox.cn/p/ShiYongDuiXiangB_2df6b1a5.html" target="_blank" title="使用对象变量屏蔽参数时,透明代码会引发错误">[详细]</a>
                    </div>
                    <div style="clear:both"></div>

                </li>


                                <li>
                    <div class="NewTitle">
                        <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a>
                        <h2><a href="https://devbox.cn/p/AmazonDynamoDBLo_7b93e673.html" target="_blank" title="Amazon DynamoDB Local  - 未知错误,异常或失败">Amazon DynamoDB Local  - 未知错误,异常或失败</a></h2>
                    </div>

                    <div class="NewsInfo">
                                                <div class="NewsDesc" >
                        如何解决《AmazonDynamoDBLocal-未知错误,异常或失败》经验，为你挑选了1个好方法。 ...
                        <a href="https://devbox.cn/p/AmazonDynamoDBLo_7b93e673.html" target="_blank" title="Amazon DynamoDB Local  - 未知错误,异常或失败">[详细]</a>
                    </div>
                    <div style="clear:both"></div>

                </li>


                                <li>
                    <div class="NewTitle">
                        <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a>
                        <h2><a href="https://devbox.cn/p/Haskell-_Zai_bst_2c2f9fa6.html" target="_blank" title="Haskell,在bst中找到元素">Haskell,在bst中找到元素</a></h2>
                    </div>

                    <div class="NewsInfo">
                                                <div class="NewsDesc" >
                        如何解决《Haskell,在bst中找到元素》经验，为你挑选了1个好方法。 ...
                        <a href="https://devbox.cn/p/Haskell-_Zai_bst_2c2f9fa6.html" target="_blank" title="Haskell,在bst中找到元素">[详细]</a>
                    </div>
                    <div style="clear:both"></div>

                </li>


                                <li>
                    <div class="NewTitle">
                        <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a>
                        <h2><a href="https://devbox.cn/p/ShiYong_Microsof_b761f8be.html" target="_blank" title="使用Microsoft SQL Server更新多个列">使用Microsoft SQL Server更新多个列</a></h2>
                    </div>

                    <div class="NewsInfo">
                                                <div class="NewsDesc" >
                        如何解决《使用MicrosoftSQLServer更新多个列》经验，为你挑选了1个好方法。 ...
                        <a href="https://devbox.cn/p/ShiYong_Microsof_b761f8be.html" target="_blank" title="使用Microsoft SQL Server更新多个列">[详细]</a>
                    </div>
                    <div style="clear:both"></div>

                </li>


                                <li>
                    <div class="NewTitle">
                        <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a>
                        <h2><a href="https://devbox.cn/p/Zai_WooCommerce__1d619a0c.html" target="_blank" title="在WooCommerce中获取当前产品ID">在WooCommerce中获取当前产品ID</a></h2>
                    </div>

                    <div class="NewsInfo">
                                                <div class="NewsDesc" >
                        如何解决《在WooCommerce中获取当前产品ID》经验，为你挑选了1个好方法。 ...
                        <a href="https://devbox.cn/p/Zai_WooCommerce__1d619a0c.html" target="_blank" title="在WooCommerce中获取当前产品ID">[详细]</a>
                    </div>
                    <div style="clear:both"></div>

                </li>


                                <li>
                    <div class="NewTitle">
                        <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a>
                        <h2><a href="https://devbox.cn/p/RuHeZaiDaiYouShi_17979c4f.html" target="_blank" title="如何在带有事件的运行时Image（WPF）中的图像上绘制点">如何在带有事件的运行时Image（WPF）中的图像上绘制点</a></h2>
                    </div>

                    <div class="NewsInfo">
                                                <div class="NewsDesc" >
                        如何解决《如何在带有事件的运行时Image（WPF）中的图像上绘制点》经验，为你挑选了1个好方法。 ...
                        <a href="https://devbox.cn/p/RuHeZaiDaiYouShi_17979c4f.html" target="_blank" title="如何在带有事件的运行时Image（WPF）中的图像上绘制点">[详细]</a>
                    </div>
                    <div style="clear:both"></div>

                </li>


                                <li>
                    <div class="NewTitle">
                        <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a>
                        <h2><a href="https://devbox.cn/p/RuHeShiYong_repm_75f57822.html" target="_blank" title="如何使用repmat将1d矢量重塑为3d矩阵？">如何使用repmat将1d矢量重塑为3d矩阵？</a></h2>
                    </div>

                    <div class="NewsInfo">
                                                <div class="NewsDesc" >
                        如何解决《如何使用repmat将1d矢量重塑为3d矩阵？》经验，为你挑选了2个好方法。 ...
                        <a href="https://devbox.cn/p/RuHeShiYong_repm_75f57822.html" target="_blank" title="如何使用repmat将1d矢量重塑为3d矩阵？">[详细]</a>
                    </div>
                    <div style="clear:both"></div>

                </li>


                                <li>
                    <div class="NewTitle">
                        <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a>
                        <h2><a href="https://devbox.cn/p/WeiShiMe_Array-p_7b395c83.html" target="_blank" title="为什么Array.prototype.every在空数组上返回true？">为什么Array.prototype.every在空数组上返回true？</a></h2>
                    </div>

                    <div class="NewsInfo">
                                                <div class="NewsDesc" >
                        如何解决《为什么Array.prototype.every在空数组上返回true？》经验，为你挑选了1个好方法。 ...
                        <a href="https://devbox.cn/p/WeiShiMe_Array-p_7b395c83.html" target="_blank" title="为什么Array.prototype.every在空数组上返回true？">[详细]</a>
                    </div>
                    <div style="clear:both"></div>

                </li>


                                <li>
                    <div class="NewTitle">
                        <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a>
                        <h2><a href="https://devbox.cn/p/YongFengMianTuPi_ccb8030a.html" target="_blank" title="用封面图片标记mkv文件？">用封面图片标记mkv文件？</a></h2>
                    </div>

                    <div class="NewsInfo">
                                                <div class="NewsImg">
                            <a href="https://devbox.cn/p/YongFengMianTuPi_ccb8030a.html" target="_blank" title="用封面图片标记mkv文件？"><img src="https://img.devbox.cn/3cccf/16086/243/8e839f523b770d1d.png" width="120" height="70" alt="用封面图片标记mkv文件？"/></a>
                        </div>
                                                <div class="NewsDesc" style="width:500px;margin-left:15px;">
                        如何解决《用封面图片标记mkv文件？》经验，为你挑选了1个好方法。 ...
                        <a href="https://devbox.cn/p/YongFengMianTuPi_ccb8030a.html" target="_blank" title="用封面图片标记mkv文件？">[详细]</a>
                    </div>
                    <div style="clear:both"></div>

                </li>


                                <li>
                    <div class="NewTitle">
                        <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a>
                        <h2><a href="https://devbox.cn/p/RuHeZaiBiaoJiPan_4e086f1e.html" target="_blank" title="如何在标记旁边显示位置名称">如何在标记旁边显示位置名称</a></h2>
                    </div>

                    <div class="NewsInfo">
                                                <div class="NewsDesc" >
                        如何解决《如何在标记旁边显示位置名称》经验，为你挑选了0个好方法。 ...
                        <a href="https://devbox.cn/p/RuHeZaiBiaoJiPan_4e086f1e.html" target="_blank" title="如何在标记旁边显示位置名称">[详细]</a>
                    </div>
                    <div style="clear:both"></div>

                </li>


                                <li>
                    <div class="NewTitle">
                        <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a>
                        <h2><a href="https://devbox.cn/p/RuHeLiJieZheZhon_9937a2aa.html" target="_blank" title="如何理解这种功能声明？">如何理解这种功能声明？</a></h2>
                    </div>

                    <div class="NewsInfo">
                                                <div class="NewsDesc" >
                        如何解决《如何理解这种功能声明？》经验，为你挑选了1个好方法。 ...
                        <a href="https://devbox.cn/p/RuHeLiJieZheZhon_9937a2aa.html" target="_blank" title="如何理解这种功能声明？">[详细]</a>
                    </div>
                    <div style="clear:both"></div>

                </li>


                                <li>
                    <div class="NewTitle">
                        <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a>
                        <h2><a href="https://devbox.cn/p/window-safari_Za_a6b157d2.html" target="_blank" title="window.safari在iframe中未定义">window.safari在iframe中未定义</a></h2>
                    </div>

                    <div class="NewsInfo">
                                                <div class="NewsDesc" >
                        如何解决《window.safari在iframe中未定义》经验，为你挑选了0个好方法。 ...
                        <a href="https://devbox.cn/p/window-safari_Za_a6b157d2.html" target="_blank" title="window.safari在iframe中未定义">[详细]</a>
                    </div>
                    <div style="clear:both"></div>

                </li>


                                <li>
                    <div class="NewTitle">
                        <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a>
                        <h2><a href="https://devbox.cn/p/De_JavaScript-_R_b3f0028b.html" target="_blank" title="的JavaScript.如果方法命名为字符串加args,我如何调用原型方法？">的JavaScript.如果方法命名为字符串加args,我如何调用原型方法？</a></h2>
                    </div>

                    <div class="NewsInfo">
                                                <div class="NewsDesc" >
                        如何解决《的JavaScript.如果方法命名为字符串加args,我如何调用原型方法？》经验，为你挑选了1个好方法。 ...
                        <a href="https://devbox.cn/p/De_JavaScript-_R_b3f0028b.html" target="_blank" title="的JavaScript.如果方法命名为字符串加args,我如何调用原型方法？">[详细]</a>
                    </div>
                    <div style="clear:both"></div>

                </li>


                                <li>
                    <div class="NewTitle">
                        <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a>
                        <h2><a href="https://devbox.cn/p/Zai_EPPlus_DaoCh_9533991c.html" target="_blank" title="在EPPlus导出中检测数据表日期字段和强制日期格式">在EPPlus导出中检测数据表日期字段和强制日期格式</a></h2>
                    </div>

                    <div class="NewsInfo">
                                                <div class="NewsDesc" >
                        如何解决《在EPPlus导出中检测数据表日期字段和强制日期格式》经验，为你挑选了1个好方法。 ...
                        <a href="https://devbox.cn/p/Zai_EPPlus_DaoCh_9533991c.html" target="_blank" title="在EPPlus导出中检测数据表日期字段和强制日期格式">[详细]</a>
                    </div>
                    <div style="clear:both"></div>

                </li>


                

            </ul>
        </div>
    </div>

    <div class="article_cmnt" style="display: none;">
        <div class="cmnt_title">吐了个 "CAO" !</div>
        <form action="" method="post">
            <div class="cmnt_text">
                <textarea class="ping-txt" onfocus="ck_txt(this);" onblur="ck_txt2(this);" id="ping-txt" name="ping-txt" >吐个槽吧,看都看了
会员登录 | 用户注册