使用 Google reCAPTCHA v3 进行语义 UI / Fomantic UI 表单验证

如何解决使用 Google reCAPTCHA v3 进行语义 UI / Fomantic UI 表单验证

我正在尝试找到一种使用 Google reCAPTCHA v3 验证语义 UI/语义 UI 表单的方法。我在 Stack 上找到了使用 Google reCAPTCHA v2 进行验证的选项。但是，V3 验证的新形式不同，它使用另一种形式的用户界面。

解决方法

更新：我找到了方法。我使用此来源作为初始参考：https://code.tutsplus.com/tutorials/example-of-how-to-add-google-recaptcha-v3-to-a-php-form--cms-33752。遵循使用 Semantic UI / Fomantic UI 的验证形式。另一方面，要验证服务器上的数据，请按照之前的参考资料获取更多信息。

表单验证：

var formSelector = 'formSelector'; // Form selector

$('.ui.form')
    .form({
        onSuccess(event,fields){
            var action = 'action'; // Action 
            var googleSiteKey = 'googleSiteKey'; // Google Site Key 
            
            grecaptcha.ready(function() {
                grecaptcha.execute(googleSiteKey,{action: action}).then(function(token) {
                    $(formSelector).append('<input type="hidden" name="token" value="'+token+'">');
                    $(formSelector).append('<input type="hidden" name="action" value="'+action+'">');
                    $(formSelector).unbind('submit').submit();
                });
            });
            
            return false;
        }
    });