如何自动格式化输入以显示货币(客户输入美分,jquery输出$)

时间:2016-07-01 20:15:31

标签: javascript jquery html forms formatting

https://github.com/fernandofig/jquery-formatcurrency http://bendewey.com/code/formatcurrency/demo/

我在我的网站上使用此演示,以便当用户输入数字时,它将转换为货币格式。

所以现在我的用户可以输入美元金额,插件将自动格式化该货币,但我的用户将输入美分而不是美元。请参阅下面的所需和当前情况

示例 用户输入: 1200 - 输出: $ 1,200.00 - 期望的输出 $ 12.00

如何修改以假设我的客户输入美分而不是美元。

1 个答案:

答案 0 :(得分:0)

Rory的解决方案为我工作。看看这个 https://jsfiddle.net/cqnbnhxo/



var theField = $("#mw_amount");
$(".submit").click( function(){
    var theFieldVal = $("#mw_amount").val();
    var formatedVal = '$' + (theFieldVal / 100).toFixed(2);
    $("#mw_amount").val(formatedVal);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
type a number then submit to see cents formatted to dollars <br>
<input type="text" value="100" id="mw_amount">
<input type="submit" class="submit">
&#13;
&#13;
&#13;