skuare.netはJavaScriptライブラリのjQuery,mootools,prototypeのプラグインを中心にWebサイト構築に関する技術を試す個人サイトです

JavaScriptでCaptchaぽいのを作る「jQuery Real Person」

｜ ｜ ｜ ｜ ｜ ｜ ｜

フォームを送信する時に、スパムを防ぐためCaptchaという認証方式をとることがあります。
本格的に作るとなると非常に面倒だったり、画像が変形しすぎたりします。
今回はJavaScriptライブラリのjQueryプラグインjQuery Real Personを使用して、お手軽に導入してみます。

使用方法
jQueryからjquery.jsを、jQuery Real Personからファイル一式をダウンロードします。
<script type="text/javascript" src="jquery-1.3.2.js"></script>
<script type="text/javascript" src="jquery.realperson.js"></script>
<link rel="stylesheet" type="text/css" href="jquery.realperson.css" />
<script>
$(document).ready(function() {
$('#id名').realperson();
});
</script>

上記のように記述したら、form部分を以下の通り書きます。
<form action="jquery.realperson.php" method="post">
<input type="text" id="id名" name="defaultReal">  
<input type="submit" value="Submit">
</form>

JavaScriptでCaptchaぽいのを作る「jQuery Real Person」サンプル

記事作成：2009年07月03日

前の記事：でっかいメニューをJavaScriptで作る「Cut & Paste jQuery Mega Menu」
次の記事：twitterの現状とマーケティング利用について考えてみたよ。