2016-01-26 89 views
5

我正在使用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" />

回答

2

您可以通过使用prefix选项更改符号。以下是我以两种不同方式执行此操作的代码片段:修改货币别名并定义自己的别名。

在您的版本中,您无法输入任何内容,因为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" />

1

具有数据输入掩码属性解

$(document).ready(function(){ 
 
    $("input").inputmask(); 
 
});
<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;">