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

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 中，该函数已添加到g-recaptcha 类的data-callback 属性中。

var recaptchaCallback = function() {
   $('#recaptcha').removeClass("error");
   ... //Any other code in the callback
}