入力方法を指定する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>

以上で完成です。
また入力形式には以下のサンプルのようなものがあります。

サンプル

電話番号:(##) #### - ####
金額:$#,###
日付:mm/dd/yyyy
プロダクトID:(###) #x*-####
xはアルファベット、*は全て

sponsors

Javascriptサンプルページ一覧
skuare.net