一味違ったCaptchaを導入できるJavaScript「MotionCAPTCHA」

一味違ったCaptchaを導入できるJavaScript「MotionCAPTCHA」サンプル フォームやコメントでスパムを防止するためCAPTCHAというテストを求められることがあります。
今回紹介するMotionCAPTCHAは形をなぞるという一味違った形式でCAPTCHAを実行させることが可能です。

使用方法 MotionCAPTCHAからファイルをダウンロード。
<link rel="stylesheet" href="jquery.motionCaptcha.0.2.css" type="text/css">
<script type="text/javascript" src="jquery-1.6.1.min.js"></script>
<script type="text/javascript" src="jquery.motionCaptcha.0.2.js"></script>
<script type="text/javascript">
$(function() {
$('#id名').motionCaptcha({
shapes: ['triangle', 'x', 'rectangle', 'circle', 'check', 'zigzag', 'arrow'], //出したい形状を指定したい場合
errorMsg: 'Please try again.', //エラー時のメッセージ
successMsg: 'Captcha passed!' //成功時のメセージ
});
});
</script>

次にフォームを記述すれば完成です。
<form action="#" id="form">
<div id="mc">
<p><a onclick="window.location.reload()" href="#">形を変える</a></p>
<canvas id="mc-canvas">ほかのブラウザでアクセスしてね!</canvas>
<input type="hidden" id="mc-action" value="#" />
</div>
<p><input disabled="disabled" autocomplete="false" type="submit" value="Submit"></p>
</form>

sponsors

「一味違ったCaptchaを導入できるJavaScript「MotionCAPTCHA」」をシェアする

記事作成:
記事URL:

TOP > > 一味違ったCaptchaを導入できるJavaScript「MotionCAPTCHA」