skuare.netはJavaScriptライブラリのjQuery,mootools,prototypeのプラグインを中心にWebサイト構築に関する技術を試す個人サイトです
入力方法を指定するjavascript「Mask JavaScript API」
｜
｜
｜
｜
｜
｜
フォームで形式が固定されているIDや電話番号などを入力してもらう時、あらかじめ提示できるといいでしょう。
Mask JavaScript APIを利用すればできるようになります。
使用方法
Mask JavaScript APIからmasks.jsをダウンロードします。
<script src="http://yourdomain/masks.js" type="text/javascript"></script>
<script type="text/javascript">
function init(){
document.Mask.reset();
oStringMask = new Mask("(##) ####-####"); //入力形式を指定
oStringMask.attach(document.Mask.inputのname);
}
</script>
上記を記述したら、bodyに onload="init();"をformにnameでMaskを付与してください。
<body onload="init();">
<form name="Mask">
<input type="text" name="inputのname">
</form>
以上で完成です。
また入力形式には入力方法を指定するjavascript「Mask JavaScript API」サンプルのようなものがあります。
記事作成：2007年12月03日
▼入力方法を指定するjavascript「Mask JavaScript API」へのコメントはtwitterにて受け付けています。
twitterでコメントする
前の記事：javascriptライブラリ「mootools」でアコーディオンメニュー
次の記事：重い画像を順番に読み込むjavascript「Lazy Load Plugin for jQuery」
