jQuery MaskedInputを使用して小数点マスクを正しく設定する方法1.3

Question

私はASP.NET MVC 3アプリでjQuery 1.7.1とjQuery maskedinput 1.3を使用しています。

10進数値（SQL 10進10,2）を受け入れるマスクされた項目を設定するにはどうすればよいですか。私は作品を持っているが、それは恐ろしい見えます：

$('#AnnualIncome').mask('9?9999999.99', { placeholder: ' ' }); 

私は私のページに移動し、テキストボックスをクリックすると、その後で数値のためのスペースがあります。小数部分についてはさらに進んでください。これはひどく見え、うまくいかないようです。私は、小数点の左側の部分には9を入力し、小数点の右側には99を入力します。 、私は私のような何かをしたい、ユーザーはいつでも小数点を入力できるようにしたい私はこのようにそれをしたくない

9___________.99 

：テキストボックスはまだ、その後フォーカスを持っているのであれば、それは次のようになります。

：私は、ディスプレイにそれを必要とする

999 

：テキストボックスがフォーカスを失った場合のように

9.99 

また、それは今に見えます

9.99 

誰かがこれを正しく設定するのを手伝ってもらえますか？

Answer 1

Masked Input jQuery Pluginは、の固定幅の入力（書式設定の電話番号など）を意味します。例えばを見てください。代わりにnumeric PluginまたはautoNumeric Plugin

Answer 2

Masked Input jQuery Pluginは、可変幅の小数点以下の桁数をサポートするように構成できます。

まずお近くの小数点以下の位の区切りや数字を支持するマスク定義を追加します。

$.mask.definitions['d'] = '[0-9.]'; 

はその後マスクを定義します。

$('#AnnualIncome').mask('9?dddddddd', ' '); 

小数点以下の桁はオプションであり、あなたはの数を制御することはできません小数点以下桁数を使用することはできますが、特定のシナリオでは有効ですが、別のプラグインを追加する必要はありません。