Modificare il simbolo di valuta o rimuoverlo nella valuta maschera di immissione

Question

Sto utilizzando Robin Herbot's inputmask jquery plugin e voglio cambiare il simbolo di valuta predefinito (per impostazione predefinita, è un simbolo di valuta in dollari) a un simbolo di valuta PESO o rimuovere il simbolo di valuta.

Di seguito è quello che ho provato, sì il simbolo cambia e il simbolo viene rimosso ma non mi consente di digitare nulla.

$(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" />

Answer 1

È possibile cambiare il simbolo utilizzando l'opzione prefix. Di seguito è riportato uno snippet in cui lo faccio in due modi diversi, modificando l'alias di valuta e definendo il mio alias.

Nella versione non è stato possibile digitare nulla poiché la proprietà mask viene utilizzata per limitare l'input e impostandola su 0.00 consente solo l'immissione di questi quattro caratteri e nient'altro. Una maschera di 9.99 consentirebbe un numero seguito da un punto e due numeri. 9 ha una definizione di mascheratura speciale che consente qualsiasi numero.

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" />

Answer 2

Soluzione con attributo data-InputMask

$(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;">