jquery - 提交时生成 reCaptcha Token

Question

我正在尝试在表单上实现 reCaptcha V3 以仅在提交表单时生成令牌：

脚本：

<script>
/* intercept submit event */
$('#webQuery').submit(function(event) {
 grecaptcha.ready(function() {
    grecaptcha.execute('MYSITEKEY', {action: 'contact'}).then(function(token) {
    $('#recaptchaToken').val(token);
    });
});
 return true; 
}); 
</script>

表单 HTML：

<cfform method="post" enctype="multipart/form-data"  action="#page#" id="webQuery">
  <cfinput name="name" type="text">
  <cfinput type="hidden" id="recaptchaToken" name="rtoken">
  <cfinput type="submit" name="Submit">
</cfform>

令牌生成的值会显示在表单字段中，但不会在表单处理时显示在结果页面上。

知道如何在表单中实际发布此值吗？

标签： jqueryformsrecaptcha-v3