在reCAPTCHA之前的HTML5表单验证

我集成了新的隐藏reCAPTCHA(v2)框架,该框架默认使用click提交按钮的事件验证用户.但是在内置HTML5表单验证之前触发此事件.我正在寻找一种方法,使其按预期的顺序进行:首先是表单验证,然后是reCAPTCHA.

由于采用了新的v2 grecaptcha方法,您必须以编程方式执行此操作:grecaptcha.execute()因此,recaptcha不会替换按钮的默认单击事件,这会阻止默认的HTML5表单验证.

事件路径是:

提交按钮单击事件:浏览器内置表单验证

表单提交事件:致电 grecaptcha.execute()

reCAPTCHA回调:提交表单

$('#form-contact').submit(function (event) {
    event.preventDefault();
    grecaptcha.reset();
    grecaptcha.execute();
  });

function formSubmit(response) {
  // submit the form which now includes a g-recaptcha-response input
}

  

  
  Submit