html5表单提交前,在reCAPTCHA之前的HTML5表单验证

您必须以编程方式执行此操作,这要归功于新的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

}

data-sitekey="your-key"

data-size="invisible"

data-callback="formSubmit">

Submit