如何在 Getform 和 Ajax 表单提交中使用 hCaptcha 回调？

function onLoad() {
    var element = document.getElementById("submit");
    element.onclick = validate;
}
$("#ajaxForm").submit(function (event) {
    event.preventDefault();
    const response = grecaptcha.getResponse();
    // can add in js vaildation here if you wanted to
    if (!document.getElementById("exampleInputName").value) {
        alert("You must add text to the required field");
        return false;
    }
    // Check capture has been completed
    if (response.length === 0) {
        alert("Please complete recaptha");
        return false;
    }
    // could manually tigger capture promt with: hcaptcha.execute();
    // instead of the respone length check
});

function onSubmit(token) {
    alert("thanks " + document.getElementById("exampleInputName").value);
    const action = $("#ajaxForm").attr("action");
    //TODO FIX FORM DATA SEE: https://stackoverflow.com/questions/21060247/send-formdata-and-string-data-together-through-jquery-ajax
    /*
    $.ajax({
        type: "POST",
        url: action,
        crossDomain: true,
        data: new FormData($("#ajaxForm")),
        dataType: "json",
        contentType: "multipart/form-data",
        processData: false,
        contentType: false,
        headers: {
            "Accept": "application/json"
        }
    }).done(function () {
        $('.success').addClass('is-active');
    }).fail(function () {
        alert('An error occurred please try again later.')
    })
    */
}

h1 {
  font-size: 20px;
  margin-top: 24px;
  margin-bottom: 24px;
}

img {
height: 60px;
}

<link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.1.3/css/bootstrap.min.css" rel="stylesheet"/>
<script src="https://js.hcaptcha.com/1/api.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="col-md-6 offset-md-3 mt-5">
  <a href="https://getform.io?ref=codepenHTML">
    <img src='https://i.imgur.com/O1cKLCn.png'>
  </a>
  <br>
  <a href="https://getform.io?ref=codepenHTML" class="mt-3 d-flex">Getform.io | Get your free endpoint now</a>
  <h1>Getform.io hCaptcha HTML Form Example with File Upload</h1>
  <form accept-charset="UTF-8" action="https://getform.io/f/d709b72b-d30b-4316-9cc1-4d1d33778a8b" method="POST" enctype="multipart/form-data" id="ajaxForm">
    <div class="form-group">
      <label for="exampleInputName">Full Name</label>
      <input type="text" name="fullname" class="form-control" id="exampleInputName" placeholder="Enter your name and surname" required="required">
    </div>

    <div class="form-group">
      <label for="exampleInputEmail1" required="required">Email address</label>
      <input type="email" name="email" class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp" placeholder="Enter email">
    </div>
    <div class="form-group">
      <label for="exampleFormControlSelect1">Favourite Platform</label>
      <select class="form-control" id="exampleFormControlSelect1" name="platform" required="required">
        <option>Github</option>
        <option>Gitlab</option>
        <option>Bitbucket</option>
      </select>
    </div>
    <hr>
    <div class="form-group mt-3">
      <label class="mr-2">Upload your CV:</label>
      <input type="file" name="file">
    </div>
    <hr>
    <div class="h-captcha" id="hcaptcha" data-sitekey="194e8efb-f32d-4d44-8ffb-b54694c2f321"  data-callback="onSubmit"></div>
    <button id="submit" class="btn btn-primary">Submit</button>
  </form>
</div>