Javascript 为什么reCaptcha v3向服务器发送临时表单

Javascript 为什么reCaptcha v3向服务器发送临时表单,javascript,html,forms,recaptcha-v3,Javascript,Html,Forms,Recaptcha V3,我已经在我的简单html表单中包含了RECAPTCHAV3,表单提交很好,但在服务器端,我发现收件箱中出现了一个空数组。 这里是我的表单代码的副本/粘贴: <META HTTP-EQUIV="Content-type" CONTENT="text/html; charset=UTF-8"> <script src="https://www.google.com/recaptcha/api.js" async defer

我已经在我的简单html表单中包含了RECAPTCHAV3,表单提交很好,但在服务器端,我发现收件箱中出现了一个空数组。 这里是我的表单代码的副本/粘贴:

<META HTTP-EQUIV="Content-type" CONTENT="text/html; charset=UTF-8">
<script src="https://www.google.com/recaptcha/api.js" async defer></script>
     <script>
       function onSubmit(token) {
         document.getElementById("mywebsite_form").submit();
       }
     </script>


<form id="website_form" class="website-form" action="https://webto.mywebsite.com/servlet/servlet.WebToLead?encoding=UTF-8" method="POST">

<input type=hidden name="oid" value="00D58000000H4Yu">
<input type=hidden name="retURL" value="http://www.mywebsite.com">



  <div class="form-row">
    <div class="form-group col-md-6">
    <label for="first_name">First Name</label>
    <input class="form-control" id="first_name" maxlength="40" name="first_name" size="20" type="text" /><br>
    </div>
    <div class="form-group col-md-6">
    <label for="last_name">Last Name</label>
    <input  class="form-control" id="last_name" maxlength="80" name="last_name" size="20" type="text" /><br>
    </div>
  </div>


    <div class="form-row">
        <div class="form-group col-md-6">
            <label for="email">Email</label>
            <input class="form-control" id="email" maxlength="80" name="email" size="20" type="text"/>
        </div>
        
  </div>
      <div class="form-group col-md-12">
        <label for="subject">Subject</label>
        <input class="form-control" id="subject" maxlength="80" name="subject" size="20" type="text"/>
    </div>
    <div class="form-group col-md-12">
        <label for="description">Description</label>
        <textarea class="form-control" name="description"></textarea>
    </div>
  
  
  <button class="g-recaptcha" 
        data-sitekey="mywebsite_key" 
        data-callback='onSubmit' 
        data-action='submit'>Submit</button>
</form> 

提交函数(令牌){
document.getElementById(“mywebsite_form”).submit();
}
名字


电子邮件 主题 描述 提交
我应该添加哪些额外的行以使表单字段到达另一端的“服务器”?

您应该在google脚本的url中包含“reCAPTCHA\u site\u key”参数

<script src="https://www.google.com/recaptcha/api.jsrender=reCAPTCHA_site_key"></script>

我发现了问题,表单在同一页面中呈现了两次,这使得表单在页面中不唯一,因此表单被发送为空。为了解决只需呈现表单html代码一次的问题,现在问题已经解决了


谢谢大家

是的,某些id不是唯一的,因为我在同一页中呈现了两次表单,如果解决了该问题,并且表单现在发送良好,但某些字段仍然为空。您能详细描述该问题吗?