入力方法を指定するjavascript「Mask JavaScript API」
フォームで形式が固定されているIDや電話番号などを入力してもらう時、あらかじめ提示できるといいでしょう。
Mask JavaScript APIを利用すればできるようになります。
sponsors
使用方法
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」サンプルのようなものがあります。
sponsors
記事作成:2007年12月 3日 00:00
記事URL:http://www.skuare.net/2007/12/javascriptmask_javascript_api.html
TOP > javascript > フォーム関連 > 入力方法を指定するjavascript「Mask JavaScript API」
前の記事:javascriptライブラリ「mootools」でアコーディオンメニュー
次の記事:重い画像を順番に読み込むjavascript「Lazy Load Plugin for jQuery」