Javascript 新的recaptcha未填写g-recaptcha-response

我有一个注册页面，要求用户填写noCaptcha reCaptcha，但小部件没有填写

g-reCaptcha-response

字段。当我提交表单时，我的节点应用程序正在使用我编写的脚本将响应提交给谷歌，并验证验证码是否有效。这一部分是正确的，但recaptcha小部件不会填充它添加到页面中的响应文本区域。但是，我编写的检查响应字段值的jQuery允许页面在检查了验证码的情况下通过，但如果像预期的那样未检查验证码，则页面不会通过，但字段仍然没有填写

我需要什么：在我将表单发布到后端时，找出为什么reCaptcha没有填写字段

下面是我的注册页面的代码和运行该页面的jQuery：

<div id="registerCard" class="login-card">
  <p class="profile-name-card">Narrify Account Registration</p><br>
  <form id="registerForm" action="/register" method="post" role="form" data-toggle="validator" class="form-signin has-validation-callback">
    <input type="text" name="firstName" required="" placeholder="First name" autofocus="" class="form-control">
    <input type="text" name="lastName" required="" placeholder="Last name" class="form-control">
    <input id="inputRegistrationEmail" type="email" name="email" required="" data-validation="email" placeholder="Email address" class="form-control">
    <input type="email" required="" data-validation="confirmation" data-validation-confirm="email" placeholder="Email repeat" class="form-control">
    <input id="inputRegistrationPassword" type="password" name="password" required="" data-validation="strength" data-validation-strength="2" placeholder="Password" class="form-control">
    <input type="password" required="" data-validation="confirmation" data-validation-confirm="password" placeholder="Password repeat" class="form-control">
    <div data-sitekey="[MYSITEKEY]" class="g-recaptcha"></div><br>
    <button type="submit" class="btn btn-primary btn-block btn-lg btn-signin">Register</button>
  </form>
  <a id="login-link" href="#" onclick="showLoginForm()" class="forgot-password">Login</a>
</div>

$(function() {
  // Switch to either load an avatar from autocomplete or remove the loading bar
  if($("#inputEmail").val() != "") {
    updateAvatar();
  } else {
    $("#image-progress").fadeOut();
  }
  // Event Handlers for links and inputs
  $("#inputEmail").change(updateAvatar);

  var url = window.location.pathname;

  if(url.substring(url.lastIndexOf("#") + 1) == "register")
    showRegisterForm();

  $.validate({ modules: "security" });

  $("#registerForm").submit(function(e) {
    var recaptcha = $("#g-recaptcha-response").val();
    if(recaptcha == "") {
      e.preventDefault();
      alert("Please complete the captcha");
    }
  });
});

function updateAvatar() {
  // Show the loading bar until it is removed by a new image loading
  $("#image-progress").fadeIn();
  // Set the avatar image based on the input of the Email field
  $("#profile-avatar").attr("src", "https://secure.gravatar.com/avatar/" + md5($("#inputEmail").val().toLowerCase()) + "?d=identicon&r=pg");
  // Set event handler to hide loading bar once the image loads
  $("#profile-avatar").on("load", function() {
    $("#image-progress").fadeOut();
  });
}

function showResetForm() {
  alert("test");
}

function showRegisterForm() {
  $("#loginCard").fadeOut();
  $("#registerCard").fadeIn();
}

function showLoginForm() {
  $("#registerCard").fadeOut();
  $("#loginCard").fadeIn();
}