SurveyJS：如何实现验证码图像挑战

Question

我尝试实现自定义小部件遵循指南https://surveyjs.io/Examples/Library/?id=custom-widget-select2-tagbox 但不显示验证码的图像挑战

我怎样才能为surveyjs表单实现验证码图像挑战？

Answer 1

我找到路了：

html:

{
  type: "html",
  name: "info",
  html: "<div id='g-recaptcha'></div> <div class='form-group g-recaptcha' data-callback='verifyCaptcha' data-sitekey='" + recaptchaClientKey + "'></div>"
}

ts、js

survey.onCompleting.add(function (sender, options) {
    debugger;
    var response = grecaptcha.getResponse();
    if (response.length == 0) {
        document.getElementById('g-recaptcha').innerHTML =
            '<span class="form-group text-danger validation-summary-errors" data-valmsg-summary="true"><ul><li>Google reCAPTCHA validation failed</li></ul ></span >';
        options.allowComplete = false;
    } else {
        options.allowComplete = true;
    }
});

@section Scripts{
    <script type="text/javascript" src="~/js/signup/survey_config.js"></script>
    <script src='https://www.google.com/recaptcha/api.js'></script>
    <script>
        function verifyCaptcha() {
            document.getElementById('g-recaptcha').innerHTML = '';
        }
    </script>
}