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

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');
                }
            })

如下：-

但我想做的是，一旦用户 select 验证码删除验证错误（如果有的话），那么有人可以建议我该怎么做吗？

Answer 1

您可以在 g-recaptcha class.

的 data-callback 属性中添加的回调 recaptchaCallback 函数中隐藏

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