如果用户选择验证码，如何删除验证码旁边的验证错误

Question

我正在开发一个 asp.net MVC 核心 Web 应用程序，我添加了一个验证码，如下所示：-

<div class="form-group">

                        <div class="col-md-2"></div>

                        <div class="col-md-10">

                            <span class="msg-error error"></span>

                            <div id="recaptcha" class="g-recaptcha" data-callback="recaptchaCallback" data-sitekey="@ViewData["ReCaptchaKey"]"></div>

                        </div>

                    </div>

我还添加了以下 javascript 验证以强制验证验证码：-

$('#getmyestimate').click(function () {

               

                var $captcha = $('#recaptcha'),

                    response = grecaptcha.getResponse();

                if (response.length === 0) {

                    $('.msg-error').text("reCAPTCHA is mandatory");

                    if (!$captcha.hasClass("error")) {

                        $captcha.addClass("error");

                    }

                } else {

                    $('.msg-error').text('');

                    $captcha.removeClass("error");

                    alert('reCAPTCHA marked');

                }

            })

如下：-

但我想要做的是，一旦用户选择验证码以删除验证错误（如果有），那么任何人都可以建议我如何做到这一点？

Answer 1

您可以隐藏recaptchaCallback已在类中的data-callback属性中添加的回调函数g-recaptcha。var recaptchaCallback = function() {&nbsp; &nbsp;$('#recaptcha').removeClass("error");&nbsp; &nbsp;... //Any other code in the callback}