jQueryでCaptcha認証を導入できるプラグイン「jQuery.buttonCaptcha」

フォームにある画像認識のCaptchaをjQueryで導入してみましょう。
jQuery.buttonCaptchaなら好きな言葉を自分で設定することも可能です。
jQueryでCaptcha認証を導入できるプラグイン「jQuery.buttonCaptcha」サンプル

使用方法
jQuery.buttonCaptchaからjquery.buttonCaptcha.js、jquery.buttonCaptcha.styles.css、関連画像を、jQueryからjquery.jsとjQuery UIからもjquery-ui.jsをダウロードしてきます。
<link rel="stylesheet" type="text/css" href="jquery.buttonCaptcha.styles.css" />
<script src="jquery-1.5.1.min.js" type="text/javascript"></script>
<script src="jquery-ui-1.8.js" type="text/javascript"></script>
<script src="jquery.buttonCaptcha.js" type="text/javascript"></script>
<script type="text/javascript" charset="utf-8">
$(document).ready(function() {
$("#id名").buttonCaptcha({
codeWord:'skuare', //captchaの文言
codeZone:'net', //後ろに表示する文言
captchaHeader:'本当に人間なの・・・?' //captcha上の文言
});
});
</script>

あとはbuttonにidを付与すれば完成です。
<button id="id名" type="button">できたね!</button>
jQueryでCaptcha認証を導入できるプラグイン「jQuery.buttonCaptcha」サンプル

sponsors

「jQueryでCaptcha認証を導入できるプラグイン「jQuery.buttonCaptcha」」をシェアする

記事作成:
記事URL:

TOP > > > jQueryでCaptcha認証を導入できるプラグイン「jQuery.buttonCaptcha」