更改货币符号或以输入掩码货币将其删除

时间:2016-01-26 07:46:22

标签: javascript jquery input-mask jquery-inputmask

我使用Robin Herbot's inputmask jquery plugin并且我想将默认货币符号(默认为美元货币符号)更改为PESO货币符号或删除货币符号。

以下是我尝试的内容,是符号更改并删除了符号,但它不会让我输入任何内容。



$(document).ready(function(){
  
  $("#currency1").inputmask({ alias : "currency", mask : "0.00" });
  $("#currency2").inputmask({ alias : "currency", mask : "₱ 0.00" });

  
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.inputmask/3.2.6/jquery.inputmask.bundle.min.js"></script>

<label>REMOVE CURRENCY SYMBOL</label><br>
<input type="text" id="currency1" /><br>
<label>CHANGE THE CURRENCY SYMBOL</label><br>
<input type="text" id="currency2" />
&#13;
&#13;
&#13;

2 个答案:

答案 0 :(得分:5)

您可以使用mask选项更改符号。下面是一个片段,我以两种不同的方式执行此操作,修改货币别名并定义自己的别名。

在您的版本中,您无法输入任何内容,因为0.00属性用于限制输入并将其设置为9.99只允许输入这四个字符而不输入任何其他内容。 9的掩码允许一个数字后跟一个句点和两个数字。 Inputmask.extendAliases({ pesos: { prefix: "₱ ", groupSeparator: ".", alias: "numeric", placeholder: "0", autoGroup: !0, digits: 2, digitsOptional: !1, clearMaskOnLostFocus: !1 } }); $(document).ready(function(){ $("#currency1").inputmask({ alias : "currency", prefix: '' }); $("#currency2").inputmask({ alias : "currency", prefix: '₱ ' }); $("#currency3").inputmask({ alias : "pesos" }); });有一个特殊的掩码定义,允许任何数字。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.inputmask/3.2.6/jquery.inputmask.bundle.min.js"></script>

<label>REMOVE CURRENCY SYMBOL</label><br>
<input type="text" id="currency1" /><br>

<label>CHANGE THE CURRENCY SYMBOL</label><br>
<input type="text" id="currency2" /><br>

<label>CHANGE THE CURRENCY SYMBOL, using an alias</label><br>
<input type="text" id="currency3" />
SELECT CONVERT(DOUBLE PRECISION, 0.00390000000)

result: 0.0039

答案 1 :(得分:2)

具有data-inputmask属性的解决方案

&#13;
&#13;
$(document).ready(function(){
  $("input").inputmask();
});
&#13;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.inputmask/3.2.6/jquery.inputmask.bundle.min.js"></script>

<label>REMOVE CURRENCY SYMBOL</label><br>
<input type="text" id="currency1" data-inputmask="'alias': 'decimal', 'groupSeparator': ',', 'autoGroup': true, 'digits': 2, 'digitsOptional': false, 'placeholder': '0'" style="text-align: right;"><br>
<label>CHANGE THE CURRENCY SYMBOL</label><br>
<input type="text" id="currency2" data-inputmask="'alias': 'decimal', 'groupSeparator': ',', 'autoGroup': true, 'digits': 2, 'digitsOptional': false, 'prefix': '₱ ', 'placeholder': '0'" style="text-align: right;">
&#13;
&#13;
&#13;