キャプチャHTMLフォーム・

Question

私はキャプチャのチュートリアルに従い、これをした： Paste this snippet before the closing </head> tag on your HTML template: <script src='https://www.google.com/recaptcha/api.js'></script> Paste this snippet at the end of the <form> where you want the reCAPTCHA widget to appear: <div class="g-recaptcha" data-sitekey="key"></div> 私はでキャプチャを使用するためのフォームを作ることができる方法を知りたい私はちょうどあなたがあなたの前にキャプチャを解決しなければならない基本的な形をしたいです。いくつかのテキストを見ることができます。キャプチャを解いてボタンを押すと、hidden messageのようなテキストが表示されます。私はどこでもこれを見つけることができません。助けて！私は普通のhtmlを好む。

Answer 1

ユーザーがreCAPTCHAを統合したフォームを送信すると、ペイロードの一部として「g-recaptcha-response」という名前の文字列が取得されます。 Googleは、そのユーザーを検証したかどうかを確認するためには、これらのパラメータ

でPOSTリクエストを送信するあなたは、あなたのGoogleのreCAPTCHAのアカウントに表示されるもののパラメータでURL https://www.google.com/recaptcha/api/siteverifyにPOSTを送信する必要があります。

フォームを送信する前に、data-callback属性をg-recaptcha-tagに追加してください。その属性の中に、正常に検証されたユーザーのためだけに隠しコンテンツを表示する関数の名前を設定します。

For more info check reCAPTCHA documentation.

例

あなたのJavaScriptで隠されたコンテンツを表示する機能を定義します。reCAPTCHAの

で

function alertSuccess() { 
    $(".hidden.message").show(); 
    //alert("Success"); 
} 

<div data-callback="alertSuccess" class="g-recaptcha" data-sitekey="__YOUR_SECRET_KEY__"></div>