フォームの数字入力にカンマを付ける方法

  • このエントリーをはてなブックマークに追加
  • Evernoteに保存Evernoteに保存
  • 0

お問い合わせフォームを作っていて、金額を入力するときに3桁ごとにカンマを付けるjQueryプラグインがあります。

数字が見やすくなりますので、金額入力の時は積極的に使いたいです。

プラグインの名前は「maskmoney」

こちらからファイルがダウンロードできます。

http://plentz.github.io/jquery-maskmoney/

使い方は、とても簡単。

<!DOCTYPE>
<html>
<head>
  <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js" type="text/javascript"></script>
  <script src="jquery.maskMoney.js" type="text/javascript"></script>
</head>
<body>
  <input type="text" class="yen" >
</body>
<script>
 $(".yen").maskMoney({
  prefix:'¥',       //数字の前に表示される記号
  precision: '0'    //小数点以下の表示(例 0→少数なし、2→小数点第2まで表示)
});
</script>
</html>
  • このエントリーをはてなブックマークに追加
  • Evernoteに保存Evernoteに保存

コメントを残す