reCAPTCHA Invisible - 重新提交表格问题

在使用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/ShiYong_Dapper_Z_531fbae3.html" target="_blank" title="使用Dapper自动映射输出参数">使用Dapper自动映射输出参数</a></h2>
                    </div>

                    <div class="NewsInfo">
                                                <div class="NewsDesc" >
                        如何解决《使用Dapper自动映射输出参数》经验，为你挑选了0个好方法。 ...
                        <a href="https://devbox.cn/p/ShiYong_Dapper_Z_531fbae3.html" target="_blank" title="使用Dapper自动映射输出参数">[详细]</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/RuHeQingChuShuZu_9e99ed0d.html" target="_blank" title="如何清除数组中的TextField？">如何清除数组中的TextField？</a></h2>
                    </div>

                    <div class="NewsInfo">
                                                <div class="NewsDesc" >
                        如何解决《如何清除数组中的TextField？》经验，为你挑选了1个好方法。 ...
                        <a href="https://devbox.cn/p/RuHeQingChuShuZu_9e99ed0d.html" target="_blank" title="如何清除数组中的TextField？">[详细]</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/JiangYuYanGengGa_e126eb31.html" target="_blank" title="将语言更改为Bootstrap Datetimepicker">将语言更改为Bootstrap Datetimepicker</a></h2>
                    </div>

                    <div class="NewsInfo">
                                                <div class="NewsDesc" >
                        如何解决《将语言更改为BootstrapDatetimepicker》经验，为你挑选了1个好方法。 ...
                        <a href="https://devbox.cn/p/JiangYuYanGengGa_e126eb31.html" target="_blank" title="将语言更改为Bootstrap Datetimepicker">[详细]</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/WenJianXiTongBia_3bfb5e6d.html" target="_blank" title="文件系统变为只读时的弹性搜索">文件系统变为只读时的弹性搜索</a></h2>
                    </div>

                    <div class="NewsInfo">
                                                <div class="NewsDesc" >
                        如何解决《文件系统变为只读时的弹性搜索》经验，为你挑选了0个好方法。 ...
                        <a href="https://devbox.cn/p/WenJianXiTongBia_3bfb5e6d.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/RuHeYueDu_appSet_41f5e7d9.html" target="_blank" title="如何阅读appSettings键">如何阅读appSettings键</a></h2>
                    </div>

                    <div class="NewsInfo">
                                                <div class="NewsDesc" >
                        如何解决《如何阅读appSettings键》经验，为你挑选了1个好方法。 ...
                        <a href="https://devbox.cn/p/RuHeYueDu_appSet_41f5e7d9.html" target="_blank" title="如何阅读appSettings键">[详细]</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/RuHeCongJiGe_INS_3070ce49.html" target="_blank" title="如何从几个INSERT中插入id">如何从几个INSERT中插入id</a></h2>
                    </div>

                    <div class="NewsInfo">
                                                <div class="NewsDesc" >
                        如何解决《如何从几个INSERT中插入id》经验，为你挑选了1个好方法。 ...
                        <a href="https://devbox.cn/p/RuHeCongJiGe_INS_3070ce49.html" target="_blank" title="如何从几个INSERT中插入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/Cong_javascripto_7b5bfcc8.html" target="_blank" title="从javascript onclick返回值到变量或使用onclick更改全局变量">从javascript onclick返回值到变量或使用onclick更改全局变量</a></h2>
                    </div>

                    <div class="NewsInfo">
                                                <div class="NewsImg">
                            <a href="https://devbox.cn/p/Cong_javascripto_7b5bfcc8.html" target="_blank" title="从javascript onclick返回值到变量或使用onclick更改全局变量"><img src="https://img.devbox.cn/3cccf/16086/243/8e8f4e2f18ab13a1.png" width="120" height="70" alt="从javascript onclick返回值到变量或使用onclick更改全局变量"/></a>
                        </div>
                                                <div class="NewsDesc" style="width:500px;margin-left:15px;">
                        如何解决《从javascriptonclick返回值到变量或使用onclick更改全局变量》经验，为你挑选了0个好方法。 ...
                        <a href="https://devbox.cn/p/Cong_javascripto_7b5bfcc8.html" target="_blank" title="从javascript onclick返回值到变量或使用onclick更改全局变量">[详细]</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/AnHanShuMingChen_d11f3296.html" target="_blank" title="按函数名称c ++ 11参数化模板">按函数名称c ++ 11参数化模板</a></h2>
                    </div>

                    <div class="NewsInfo">
                                                <div class="NewsDesc" >
                        如何解决《按函数名称c++11参数化模板》经验，为你挑选了0个好方法。 ...
                        <a href="https://devbox.cn/p/AnHanShuMingChen_d11f3296.html" target="_blank" title="按函数名称c ++ 11参数化模板">[详细]</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/UWPApp_ZhongDeJi_9ff4b491.html" target="_blank" title="UWP App中的计时器未链接到UI">UWP App中的计时器未链接到UI</a></h2>
                    </div>

                    <div class="NewsInfo">
                                                <div class="NewsDesc" >
                        如何解决《UWPApp中的计时器未链接到UI》经验，为你挑选了2个好方法。 ...
                        <a href="https://devbox.cn/p/UWPApp_ZhongDeJi_9ff4b491.html" target="_blank" title="UWP App中的计时器未链接到UI">[详细]</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/ViewPageraddOnPa_02602a95.html" target="_blank" title="ViewPager addOnPageChangeListener不在同一个tabClick上工作">ViewPager addOnPageChangeListener不在同一个tabClick上工作</a></h2>
                    </div>

                    <div class="NewsInfo">
                                                <div class="NewsDesc" >
                        如何解决《ViewPageraddOnPageChangeListener不在同一个tabClick上工作》经验，为你挑选了1个好方法。 ...
                        <a href="https://devbox.cn/p/ViewPageraddOnPa_02602a95.html" target="_blank" title="ViewPager addOnPageChangeListener不在同一个tabClick上工作">[详细]</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/django1-8_BuShiY_ee9fcf7a.html" target="_blank" title="django 1.8不适用于CentOs 6.5服务器">django 1.8不适用于CentOs 6.5服务器</a></h2>
                    </div>

                    <div class="NewsInfo">
                                                <div class="NewsDesc" >
                        如何解决《django1.8不适用于CentOs6.5服务器》经验，为你挑选了1个好方法。 ...
                        <a href="https://devbox.cn/p/django1-8_BuShiY_ee9fcf7a.html" target="_blank" title="django 1.8不适用于CentOs 6.5服务器">[详细]</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/AnMouXieZhongFuS_f68dd689.html" target="_blank" title="按某些重复索引值拆分列表">按某些重复索引值拆分列表</a></h2>
                    </div>

                    <div class="NewsInfo">
                                                <div class="NewsDesc" >
                        如何解决《按某些重复索引值拆分列表》经验，为你挑选了0个好方法。 ...
                        <a href="https://devbox.cn/p/AnMouXieZhongFuS_f68dd689.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/BigSwift_LeiDaoZ_e691ed8a.html" target="_blank" title="Big Swift类导致Xcode中的自动完成速度慢 - 如何拆分成几个文件">Big Swift类导致Xcode中的自动完成速度慢 - 如何拆分成几个文件</a></h2>
                    </div>

                    <div class="NewsInfo">
                                                <div class="NewsDesc" >
                        如何解决《BigSwift类导致Xcode中的自动完成速度慢-如何拆分成几个文件》经验，为你挑选了1个好方法。 ...
                        <a href="https://devbox.cn/p/BigSwift_LeiDaoZ_e691ed8a.html" target="_blank" title="Big Swift类导致Xcode中的自动完成速度慢 - 如何拆分成几个文件">[详细]</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/FangFaShiFouZhon_166c9ab0.html" target="_blank" title="方法是否重载多态在C#中的早期绑定？">方法是否重载多态在C#中的早期绑定？</a></h2>
                    </div>

                    <div class="NewsInfo">
                                                <div class="NewsDesc" >
                        如何解决《方法是否重载多态在C#中的早期绑定？》经验，为你挑选了1个好方法。 ...
                        <a href="https://devbox.cn/p/FangFaShiFouZhon_166c9ab0.html" target="_blank" title="方法是否重载多态在C#中的早期绑定？">[详细]</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/TeamCity_ZhongDe_d2aa353a.html" target="_blank" title="TeamCity中的MSBuild步骤考虑app.config而不是ASP.NET WEB API项目的web.config,导致警告MSB3247">TeamCity中的MSBuild步骤考虑app.config而不是ASP.NET WEB API项目的web.config,导致警告MSB3247</a></h2>
                    </div>

                    <div class="NewsInfo">
                                                <div class="NewsDesc" >
                        如何解决《TeamCity中的MSBuild步骤考虑app.config而不是ASP.NETWEBAPI项目的web.config,导致警告MSB3247》经验，为你挑选了1个好方法。 ...
                        <a href="https://devbox.cn/p/TeamCity_ZhongDe_d2aa353a.html" target="_blank" title="TeamCity中的MSBuild步骤考虑app.config而不是ASP.NET WEB API项目的web.config,导致警告MSB3247">[详细]</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/PhpRegex_ZaiZiFu_6f1225a6.html" target="_blank" title="Php Regex在字符串中的第一个全大写字母后插入字符">Php Regex在字符串中的第一个全大写字母后插入字符</a></h2>
                    </div>

                    <div class="NewsInfo">
                                                <div class="NewsDesc" >
                        如何解决《PhpRegex在字符串中的第一个全大写字母后插入字符》经验，为你挑选了1个好方法。 ...
                        <a href="https://devbox.cn/p/PhpRegex_ZaiZiFu_6f1225a6.html" target="_blank" title="Php Regex在字符串中的第一个全大写字母后插入字符">[详细]</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_bootstrap_Ye_9e35f05e.html" target="_blank" title="在bootstrap页面上居中表">在bootstrap页面上居中表</a></h2>
                    </div>

                    <div class="NewsInfo">
                                                <div class="NewsDesc" >
                        如何解决《在bootstrap页面上居中表》经验，为你挑选了2个好方法。 ...
                        <a href="https://devbox.cn/p/Zai_bootstrap_Ye_9e35f05e.html" target="_blank" title="在bootstrap页面上居中表">[详细]</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/KeYiZai_go_Zhong_59bae741.html" target="_blank" title="可以在go中覆盖自动格式化程序">可以在go中覆盖自动格式化程序</a></h2>
                    </div>

                    <div class="NewsInfo">
                                                <div class="NewsDesc" >
                        如何解决《可以在go中覆盖自动格式化程序》经验，为你挑选了1个好方法。 ...
                        <a href="https://devbox.cn/p/KeYiZai_go_Zhong_59bae741.html" target="_blank" title="可以在go中覆盖自动格式化程序">[详细]</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/Angular_FuWuFanH_d1c5b049.html" target="_blank" title="Angular服务返回undefined">Angular服务返回undefined</a></h2>
                    </div>

                    <div class="NewsInfo">
                                                <div class="NewsDesc" >
                        如何解决《Angular服务返回undefined》经验，为你挑选了1个好方法。 ...
                        <a href="https://devbox.cn/p/Angular_FuWuFanH_d1c5b049.html" target="_blank" title="Angular服务返回undefined">[详细]</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/ShiYongBieMingBi_35775a14.html" target="_blank" title="使用别名表更新SQL仍会返回"表格不明确"错误">使用别名表更新SQL仍会返回"表格不明确"错误</a></h2>
                    </div>

                    <div class="NewsInfo">
                                                <div class="NewsDesc" >
                        如何解决《使用别名表更新SQL仍会返回"表格不明确"错误》经验，为你挑选了1个好方法。 ...
                        <a href="https://devbox.cn/p/ShiYongBieMingBi_35775a14.html" target="_blank" title="使用别名表更新SQL仍会返回"表格不明确"错误">[详细]</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" >吐个槽吧,看都看了