Как убрать ошибку проверки рядом с капчей, если пользователь выбрал капчу

Question

Я работаю над основным веб-приложением asp. net MVC, и я добавил капчу следующим образом: -

<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() {
   $('#recaptcha').removeClass("error");
   ... //Any other code in the callback
}