html数値入力タグを使用してユーザーがドル金額を入力できるフォームを作成しています。入力ボックスに常に小数点以下2桁を表示させる方法はありますか?html数値の入力を常に小数点以下2桁にします。
答えて
ので、ここで、この時に他の誰かがつまずくが、この問題へのJavaScriptのソリューションである場合:
ステップ1:onchange
イベント
myHTMLNumberInput.onchange = setTwoNumberDecimal;
またはHTML内にあなたのHTML番号入力ボックスをフック書き込み:あなたはとても
<input type="number" onchange="setTwoNumberDecimal" min="0" max="10" step="0.25" value="0.00" />
ステップ2を好む場合は、コードあなたがそう好む場合は、多かれ少なかれ、小数点以下の桁数を取得することができますtoFixed
の「2」を変更することによりsetTwoDecimalPlace方法
function setTwoNumberDecimal(event) {
this.value = parseFloat(this.value).toFixed(2);
}
。
残念ながらFirefox 50ではうまく機能していないようです。 – dangowans
onChangeは本当に迷惑です。私はjQueryの.blur関数を使うのが好きです。 http://api.jquery.com/blur/ – RandomUs1r
これは単なる最小限の解決策ですが、jQueryを使用するとOPの生活が楽になる可能性があります。 – spots
@ RandomUs1rは本当に 'onBlur'にアクセスするためにjQueryを使う必要はありません – RozzA
インラインソリューションは、以下の形式でグルートとIvaylo提案を兼ね備え:
onchange="(function(el){el.value=parseFloat(el.value).toFixed(2);})(this)"
プレースホルダを持っているとデフォルトでその値入力時に変更することはできません。 –
あなたは多くの機能のためにTelerikのnumerictextboxを使用することができます
<input id="account_rate" data-role="numerictextbox" data-format="#.000" data-min="0.001" data-max="100" data-decimals="3" data-spinners="false" data-bind="value: account_rate_value" onchange="APP.models.rates.buttons_state(true);" />
コアコードはfree to download
ですここで認められた解決策は間違っています。 HTMLでこれを試してみてください:
onchange="setTwoNumberDecimal(this)"
と機能を見えるように:
function setTwoNumberDecimal(el) {
el.value = parseFloat(el.value).toFixed(2);
};
他の人々は、私は矢印を使用して番号を変更したときに主に働いたが、動作しませんonchange
を使用してここに掲載何同じ方向に複数回働いたのはoninput
でした。私のコード(主にMC9000からの借入):純粋なHTMLと
HTML
<input class="form-control" oninput="setTwoNumberDecimal(this)" step="0.01" value="0.00" type="number" name="item[amount]" id="item_amount">
JS
function setTwoNumberDecimal(el) {
el.value = parseFloat(el.value).toFixed(2);
};
- 1. 小数点以下2桁の小数点以下2桁の小数点以下の桁数
- 2. JavaScript-parseFloatは2桁の小数点以下の数値を入力します
- 3. 小数点以下2桁の数値を強制的に入力する
- 4. BigDecimalを*常に小数点以下2桁に丸めます
- 5. 小数点以下を小数点以下の桁数に変換します。
- 6. 入力を許可する小数点以下2桁(C#+ WindowsPhone)
- 7. 小数点以下2桁の小数点以下を切り捨てます
- 8. 数値パイプ0または2小数点以下の桁数
- 9. iphone入力タイプ(2桁の小数点以下)
- 10. 年次給与&小数点以下2桁の小数点以下の桁数を返します。
- 11. 浮動小数点の小数点以下2桁までの出力
- 12. 2桁から小数点以下3桁に丸めます
- 13. 浮動小数点数を小数点以下2桁までフォーマットします。
- 14. Dataweave小数点以下2桁のJSON番号を常に出力
- 15. 小数点以下2桁に値を設定する
- 16. HTML/Javascriptを入力するときに小数点以下2桁に入力する
- 17. 小数点/貨幣フィールドの小数点以下2桁
- 18. エキスは、小数点以下2桁
- 19. REACT - 小数点以下2桁目以降の入力を防止する
- 20. 浮動小数点数を小数点以下2桁に変換する
- 21. 2桁の小数点以下の桁数jquery
- 22. BigDecimalのフォーマットには、小数点以下2桁が常にありますか?
- 23. 小数点以下2桁の浮動小数点数と小数点以下6桁の同じ浮動小数点数を比較する
- 24. "double"を使用して小数点以下2桁の値を出力する
- 25. 変数に小数点以下2桁の数値を追加する(2.50)
- 26. 小数点以下1桁しか入力できない
- 27. ユーザが入力した浮動小数点の小数点以下の桁数をカウントするには?
- 28. 格納時に小数点以下2桁の小数点以下2桁の小数点以下を小数点以下2桁に置き換えない理由
- 29. 小数点以下2桁の値をwin32メッセージボックスに設定します。
- 30. 小数点以下の最大値99.999 HTMLブロック入力
ありません。どのようなサーバーサイドの言語を使用していますか?あなたはjavascriptをknwoですか? –