入力方法を指定するjavascript「Mask JavaScript API」に関するコメントはまだありません。
ご遠慮なくコメントしてください。
入力方法を指定する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ライブラリ「mootools」でアコーディオンメニュー
次の記事：重い画像を順番に読み込むjavascript「Lazy Load Plugin for jQuery」
関連記事
- JavaScriptライブラリ「jQuery」を使用してフォームを華麗に彩る「jqTransform」
- ビジュアル面で最高のタイムピッカーJavaScript「nogray_time_picker」
- フォームで全自動でフリガナを付与するJavaScript「AutoKana.js」
- [jQuery]Confirm
- [mootools]WysEditor
コメント投稿
この記事へのトラックバック:
- ファイルサイズをJavaScriptライブラリ「jQuery」で自動表示する「addSizes.js」
- JavaScriptライブラリ「jQuery」を使用してフォームを華麗に彩る「jqTransform」
- Webカラーに関するサイト21
- 英字新聞ぽいコラムをJavaScriptライブラリ「jQuery」で作る「Columnizer」
- 心地よく要素を切り替えるJavaScript「jFlip」
- CoverFlowを実現するJavaScript「JS Coverflow」
- 画像を丸く輝かせるJavaScript「sphere.js」
- セクシーなLightBoxを実現するJavaScript「Sexy LightBox」
- JavaScriptライブラリ「jQuery」を使ってカレンダーを作る「jCal.js」
- カバーフローぽい画像ギャラリーJavaScript「ProtoFlow」
