2016-01-26 138 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;">