前の記事 ≪:2009年5月25日 管理人のブックマーク
次の記事 ≫:手書きで立体風な味のある英文フォント「bobsmade font」

図を枠内にドラッグしてCAPTCHAするファンシーなCAPTCHA「Ajax Fancy Captcha」

2009年05月26日-はてなブックマーク

スポンサード リンク
[PR] 英単語を忘却曲線アプリを使って超効率よく記憶する方法

Ajax Fancy Captcha - jQuery plugin - WebDesignBeach.com

図を枠内にドラッグしてCAPTCHAするファンシーなCAPTCHA。
その名も「Ajax Fancy Captcha」がソース付きで公開されています。
仕組みとしては、「枠内に鉛筆をドラッグしてください」という表示が出たら「DROP HERE」部分に該当のアイコンをドロップしてスパムかどうか判定するというもの。
PHPとjQueryを使って実装されています。



鉛筆を移動


ここで、submitすれば「Passed」が表示され、認証されたことになります。
captcha の強度は medium とのことでそれ程強いものではないということですが、ソースごと公開されているので改造することも出来そう。

ちょっとした斬新な感じを出したい場合に実装しておくとよいかも。

関連エントリ

関連の記事検索:Ajax, セキュリティ, PHP
スポンサード リンク

By.KJ : 2009年05月26日 07:07 livedoor Readerで購読 Twitterに投稿

間違いの指摘をしていただける方はメール、あるいはTwitter/FBでお願いします(クリック)