代码之家  ›  专栏  ›  技术社区  ›  Tom

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

  •  0
  • Tom  · 技术社区  · 6 年前

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

    如何为surveyjs表单实现验证码图像挑战?

    0 回复  |  直到 6 年前
        1
  •  0
  •   Tom    6 年前

    我找到了路:

    {
      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>
    }
    
    推荐文章