如何在提交按钮上验证谷歌reCaptcha

时间:2015-08-23 18:37:07

标签: php joomla3.0 recaptcha

在Joomla 3上,我在表单页面上添加了新的Google reCaptcha,但Google reCaptcha并未通过提交按钮进行验证。虽然reCaptcha就在表单页面上,但我仍然可以在不勾选复选框的情况下提交表单。基本上,提交按钮不会验证/链接reCaptcha。

根据Google reCaptcha指示,我已完成以下操作:

<script type="text/javascript" src='https://www.google.com/recaptcha/api.js'></script>

然后将reCaptcha div放在我想要显示的表单页面中:

<div class="g-recaptcha" data-sitekey="6LcOrgsTAAAAAEKWXDbi08wBM-V7ELRwpay76OA1"></div>

以下提交按钮代码:

<button type="button" class="btn btn-success" onclick="Joomla.submitbutton('payment')"><?php echo JText::_('COM_JKPAYMENT', true); ?></button>  

那么你能告诉我,我需要设置什么条件才能使表格提交与reCaptcha一起验证。

1 个答案:

答案 0 :(得分:0)

您需要调用 grecaptcha.getResponse()。 我的提交按钮的ID为btnSubmit。

<script>
    $("#btnSubmit").click(function () {
        var response = grecaptcha.getResponse();
        if(response.length != 0) //validation successful
           Joomla.submitbutton('payment');
        else
         //validation failed
    });
</script>