仅在按下submit时显示，但在JavaScript/jQuery中触发的Recaptcha？

我有一个用于客户端表单的Recaptcha，他们只希望在单击submit按钮时显示Recaptcha

但是，只有当所有输入字段都已填充且字段为空且按钮已单击时，提交按钮才可单击，并且他们希望在字段为空时显示工具提示

您可以想象，这意味着当有空字段时，我无法禁用该按钮，因为我需要一个

。click（）

事件。但是，我无法将recaptcha绑定到按钮，因为它会自动触发，所以我必须执行一个不可见的recaptcha，其中

div

具有

data sitekey

属性和

g-recaptcha

类

因此，我需要知道如何通过JavaScript触发recaptcha事件，并使其具有与绑定到按钮相同的结果

如果需要更多信息，请让我知道

编辑：

var fieldsFilled=false；
如果（屏幕宽度=768）{
document.getElementById（“fbForm”）.submit（）；
}else if（屏幕宽度
«但是，我无法将recaptcha绑定到按钮，因为它将自动触发…»

这一假设可能是错误的

您可以使用阻止默认提交行为。因此，您可以检查输入是否正常…如果是，请正常进行

即:

$('#btnSubmit').on("click",function(e){
  e.preventDefault();

  // Check all you input are filled
  // If yes, then submit for real:
  $(this).closest("form").submit();
});

我想在提交时触发recaptcha没有问题…
A在这里会很有帮助。我们不知道您使用的是什么recaptcha过程
<div class="form-group">
      <label class="col-md-4 control-label"></label>
      <div class="col-md-4"><br>
       <!-- NOTE: Made some changes for click events as advised here: https://developers.google.com/recaptcha/docs/invisible#programmatic_execute -->
        <button id="btnSubmit" type="submit" value="" class="btn btn-success">SUBMIT <span class="glyphicon glyphicon-send"></span></button>
        <div class="g-recaptcha" data-sitekey="6LfDBGcUAAAAABnYRk1ZQkapzCs8c1Rr2ZARMchF" data-callback="onSubmit" data-size="invisible"></div>
        <!-- Test: 6LfuAWcUAAAAAEKjLeOZfygAMxAeld1k4UUMGnfN -->
        <!-- Live: 6LfDBGcUAAAAABnYRk1ZQkapzCs8c1Rr2ZARMchF -->
      </div>
    </div>

$('#btnSubmit').on("click",function(e){
  e.preventDefault();

  // Check all you input are filled
  // If yes, then submit for real:
  $(this).closest("form").submit();
});