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

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

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

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

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

Jquery-maskMoney : jQuery plugin to mask data entry in the input text in the form of money (currency).

使い方は、とても簡単。

<!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'    //小数点以下の表示（例　０→少数なし、２→小数点第2まで表示）
});
</script>
</html>

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

関連

コメント