Sharable

システム&ウェブのシェアラブル

wp-recaptchaをログインとかコメント以外にも出したい。

2013年3月1日

wp-recaptchaの使い方はWEBにたくさんあるので書かないけど、トリッキーな使い方をしたのでメモ。
本来はログインやユーザー登録、コメントなどに対して画像認証を付与したいという事だと思う。
今回私が使いたかったパターンとしては、独自で作った投稿画面(管理画面外)にも画像認証を付けたいなと思ったのだ。

きっと定石と呼ばれるやり方があるのだとは思うけど、日ごろから慣れ親しんだwp-recaptchaを使いたいという童心を誰が止められようか。

2ステップで完成です。

ユースケースとしては、
・登録フォームを埋めて画像認証も書いて送信ボタン押す
・画像認証がOKなら確認画面開く。
⇒OKじゃなければ登録画面に戻す。

最初は登録フォームに以下を埋め込みましょう。ちゃんとformタグの中に入れてください。

https://gist.github.com/soylatte/5063108.js

次にバリデーションする処理に下記を追加します。

https://gist.github.com/soylatte/5063093.js

これだけでwp-recaptchaをいじることなくどこにでも画像認証を利用できるようになります。
やったね!

このエントリーをはてなブックマークに追加