Use reCaptcha with ZK"

From Documentation
Line 20: Line 20:
 
<source lang='xml'>
 
<source lang='xml'>
 
<zk xmlns:n="native" xmlns:c="client">
 
<zk xmlns:n="native" xmlns:c="client">
<script type="text/javascript" src='https://www.google.com/recaptcha/api.js' defer="true" />
+
<script type="text/javascript" src='https://www.google.com/recaptcha/api.js'  
 +
defer="true" />
 
..
 
..
  
<n:div class="g-recaptcha"
+
<n:div class="g-recaptcha" data-sitekey="6Lcj5AYTAAAAAHp_ATdyZcWkMi7lzO_JZPMhYj4S"
data-sitekey="6Lcj5AYTAAAAAHp_ATdyZcWkMi7lzO_JZPMhYj4S"
+
data-callback="afterValidate" />
data-callback="afterValidate" />
 
 
</source>
 
</source>
  

Revision as of 09:29, 27 March 2017

DocumentationSmall Talks2017MayUse reCaptcha with ZK
Use reCaptcha with ZK

Author
Hawk Chen, Engineer, Potix Corporation
Date
?
Version
ZK 8.0.4

Introduction

https://www.google.com/recaptcha/intro/invisible.html

https://developers.google.com/recaptcha/docs/start

Captcha

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.