数値を入力する際の通貨のマスキングとフォーマット
JM-AGMS
これが私がやりたいことです： 
これまでに見つけたものはすべて、小数点以下2つのゼロ、または数千のコンマで通貨をマスクすることでした。これは、すでに方法を知っています。
ユーザーが入力するときに、0.00を開始点として、通貨形式で数字を追加し続けることができる必要があります。これをいくつかの入力に対して行う必要があります。それぞれの入力に対してユーザーが入力したすべての数字を追跡する必要があると思います。これにどのようにアプローチするのが最善かさえわかりません。これどうやってするの？
私は私の例のために何かをまとめましたが、それはかなり必要最低限のものです。
Sale $<input type="text" value=""><br>
Tax $<input type="text" value="">
$(document).on('input',':input',function() {
if (this.value.length === 1) {
this.value = '0.0'+this.value;
}
});
JM-AGMS
コメントで私の質問にほとんど答えてくれたJitendraSoftgridに感謝します。より多くの条件をキャッチするようにコードを変更しました。以下は私が使用した最終バージョンです。これが他の誰かに役立つことを願っています。
$(document).on('input',':input',function() {
var v = this.value, dollar = '0', cents = '00';
if (v.indexOf('.') !== -1) {
var price = v.split('.');
dollar = price[0] || '0';
cents = price[1] || '00';
}
if (cents.length === 1) {
if (dollar) {
var dollarNumbers = dollar.split('');
var dollarLength = dollarNumbers.length;
cents = dollarNumbers[dollarLength-1]+cents;
dollar = '';
for (var i = 0; i < dollarLength-1 ; i++) {
dollar += dollarNumbers[i];
}
if (!dollar) {dollar = '0';}
}
}
if (v.length === 1) {
cents = '0'+v;
}
if (cents.length === 3) {
var centNumbers = cents.split('');
dollar = dollar === '0' ? centNumbers[0] : dollar+centNumbers[0];
cents = centNumbers[1]+centNumbers[2];
}
this.value = dollar+'.'+cents;
});
https://jsfiddle.net/apxh4eL2/4/
2019編集：
しばらくして、私ははるかにクリーンな解決策を思いついた。
$(document).on('input',':input',function(event) {
this.value = parseFloat(this.value.replace(/(.*){1}/, '0$1').replace(/[^\d]/g, '').replace(/(\d\d?)$/, '.$1')).toFixed(2);
});
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
編集
関連記事
Related 関連記事
- 1
ClosedXMLの通貨を数値としてフォーマットする方法
- 2
ユーザーが入力するときに、入力フィールドの値を通貨としてフォーマットします
- 3
ZF2Doctrineの通貨フォーマット入力値
- 4
リストボックスの問題で変数を通貨としてフォーマットする
- 5
数値を通貨文字列としてフォーマットする方法は？
- 6
Pythonで数値を通貨としてフォーマットする
- 7
数値を通貨文字列としてフォーマットする方法
- 8
ユーザーがJavascriptで入力するときに数値を通貨にフォーマットする方法
- 9
数値の配列を、値の間の最小幅で通貨としてフォーマットします
- 10
ng-modelを使用した入力ボックスのAngularjs通貨フォーマット：各入力で$ formatterを起動する方法
- 11
3つの値の通貨でExcelで数値をフォーマットする
- 12
3つの値の通貨でExcelで数値をフォーマットする
- 13
数式内の通貨としてフォーマットする
- 14
通貨フォーマットを使用した変数の追加とリストを検索するための最良のソリューション
- 15
入力の数値をフォーマットする
- 16
通貨のフォーマットを設定する方法
- 17
通貨金額としての数値のフォーマット
- 18
Javaの文字列/数値/通貨フォーマット機能
- 19
HTML入力ボックスを数値入力のみにフォーマットする-マイナス文字を正しくフォーマットする
- 20
テキストボックスに入力するときに、カンマとセントで数値をフォーマットする
- 21
Azure DataExplorerで数値を通貨としてフォーマットします
- 22
MsgBoxで数値を通貨としてフォーマットします
- 23
JFormattedTextField通貨フォーマッタは、数値を挿入した後に2つの0を入力します
- 24
Javascriptでは、通貨マネーのテキストボックスにコンマと数値を使用できます
- 25
ASP NETだけで通貨用のテキストボックスをフォーマットすることは可能ですか？
- 26
数字を通貨としてフォーマットするAndroid
- 27
PHPとJavaScriptで通貨をフォーマットする
- 28
通貨入力を角度2でフォーマットします
- 29
インドの通貨番号を自動フォーマット
コメントを追加