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

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

sponsors

「JavaScriptでCaptchaぽいのを作る「jQuery Real Person」」をシェアする

記事作成:
記事URL:

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