Google reCAPTCHA在.NET WebForms中不起作用

Question

试图在我的一个网页中包含一个Google reCAPTCHA，但我遇到了错误（在Chrome开发者工具中：）

未捕获（承诺）错误：缺少必需的参数：sitekey

在新dz（recaptcha__en.js：272）

在新GB上（recaptcha__en.js：511）

在Object.Rw [作为渲染]（recaptcha__en.js：509）

在renderRecaptcha（recaptchatest：93）

这是我的aspx设计代码；

<div id="ReCaptchContainer"></div> 
            <asp:Label ID="lblMEssage" runat="server" clientidmode="static"></asp:Label>
        <br />  
            <asp:Button type="button" ID="btnSubmit" runat="server" Text="Submit" />

这是我的JS和jQuery：

<script src="https://www.google.com/recaptcha/api.js?onload=renderRecaptcha&render=explicit" async defer></script>

    <script  src="https://code.jquery.com/jquery-3.2.1.min.js"></script>  

    <script type="text/javascript">  
        var your_site_key = '<%= ConfigurationManager.AppSettings["6LfaeeoUAAAAAAhiEswkFeJ278PnF3-XXXXXXXXX"]%>';  
        var renderRecaptcha = function () {  
            grecaptcha.render('ReCaptchContainer', {  
                'sitekey': your_site_key,  
                'callback': reCaptchaCallback,  
                theme: 'light', //light or dark    
                type: 'image',// image or audio    
                size: 'normal'//normal or compact    
            });  
        };  

        var reCaptchaCallback = function (response) {  
            if (response !== '') {  
                jQuery('#lblMessage').css('color', 'green').html('Success');  
            }  
        };  

        jQuery('button[type="button"]').click(function(e) {  
            var message = 'Please checck the checkbox';  
            if (typeof (grecaptcha) != 'undefined') {  
                var response = grecaptcha.getResponse();  
                (response.length === 0) ? (message = 'Captcha verification failed') : (message = 'Success!');  
            }  
            jQuery('#lblMessage').html(message);  
            jQuery('#lblMessage').css('color', (message.toLowerCase() == 'success!') ? "green" : "red");  
        });  

    </script>

注意，我更改了我的API密钥的后9位。

任何帮助将不胜感激，谢谢！

Answer 1

我很确定您用于应用程序设置的密钥是错误的：

var your_site_key = '<%= ConfigurationManager.AppSettings["6LfaeeoUAAAAAAhiEswkFeJ278PnF3-XXXXXXXXX"]%>';

也许应该像AppSettings["MyKey"]一样，返回值应该是"6LfaeeoUAAAAAAhiEswkFeJ278PnF3-XXXXXXXXX"？