Use reCaptcha with ZK"
From Documentation
Line 6: | Line 6: | ||
= Introduction = | = Introduction = | ||
− | Google [https://www.google.com/recaptcha/intro/invisible.html reCaptach] is an easy to use and free service that protects your site from spam and bot. Users usually just need one click to pass the check | + | Google [https://www.google.com/recaptcha/intro/invisible.html reCaptach] is an easy to use and free service that protects your site from spam and bot. Users usually just need one click to pass the check instead of reading twisted words like [https://www.zkoss.org/wiki/ZK_Component_Reference/Essential_Components/Captcha Captcha]. This article will show you how to use it within ZK framework. |
− | |||
− | |||
= Get reCaptcha = | = Get reCaptcha = |
Revision as of 09:10, 30 March 2017
Author
Hawk Chen, Engineer, Potix Corporation
Hawk Chen, Engineer, Potix Corporation
Date
?
?
Version
ZK 8.0.4
ZK 8.0.4
Introduction
Google reCaptach is an easy to use and free service that protects your site from spam and bot. Users usually just need one click to pass the check instead of reading twisted words like Captcha. This article will show you how to use it within ZK framework.
Get reCaptcha
Please follow Google's guide to get reCaptcha API key: https://developers.google.com/recaptcha/docs/start
How to Apply
Include recaptcha API & Configuration
<zk xmlns:n="native" xmlns:c="client">
<script type="text/javascript" src='https://www.google.com/recaptcha/api.js'
defer="true" />
..
<n:div class="g-recaptcha" data-sitekey="6Lcj5AYTAAAAAHp_ATdyZcWkMi7lzO_JZPMhYj4S"
data-callback="afterValidate" />
Check Verification Result
Reuse
Comments
Copyright © Potix Corporation. This article is licensed under GNU Free Documentation License. |