skuare.net

JavaScriptライブラリjQueryのサンプルを中心にWebサイト構築に役立つ情報を紹介

年齢認証を簡単にかけられるjQueryプラグイン「AgeCheck.js」

お酒のサイトなどでよく見る年齢認証。
これを簡単にjQueryプラグインで実現できるのがAgeCheck.jsです。

sponsors

使用方法 AgeCheck.jsからファイルをダウンロード。
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script type="text/javascript" src="/test/js/jquery.agecheck.js"></script>
<script>
$(document).ready(function(){
$.ageCheck({
"minAge": 20, //年齢設定
"redirectTo":"認証OK時の戻り先",
"title":"年齢チェック", //モーダルのタイトル
"copy":"このサイトは20歳未満は見れませんよ" //モーダルの内容
});
});
</script>
<link href="/test/css/agecheck.css" rel="stylesheet" />

これでもう完成です!

年齢認証を簡単にかけられるjQueryプラグイン「AgeCheck.js」サンプル

sponsors

「年齢認証を簡単にかけられるjQueryプラグイン「AgeCheck.js」」をシェアする

記事作成:
記事URL:

TOP > > > 年齢認証を簡単にかけられるjQueryプラグイン「AgeCheck.js」

前の記事:
次の記事:LP(ランディングページ)改善に関するインフォグラフィック6選

あなたにはこちもお勧め!

jQuery プラグインまとめ!

JavaScript

read more

Column

read more