Para birimi simgesini değiştirin veya giriş birimi para biriminden kaldırın

Question

Robin Herbot's inputmask jquery plugin kullanıyorum ve varsayılan para birimi simgesini (varsayılan olarak, bir dolar para birimi simgesi) PESO para birimi sembolüne dönüştürmek veya para birimi simgesini kaldırmak istiyorum.

Denediğim şey aşağıda, evet sembol değişiyor ve sembol kaldırılıyor ama hiçbir şey yazmama izin vermiyor.

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

Sen prefix seçeneğini kullanarak sembolü değiştirebilir. Aşağıda, bunu iki farklı şekilde yaptığım, para birimi takma adını değiştirip kendi takma adımı tanımladığım bir pasaj var.

Sürümünüzde, mask özelliği girdiyi kısıtlamak ve 0.00 olarak ayarlamak için yalnızca bu dört karakterin girilmesine ve başka hiçbir şeye ayarlanmasına izin vermediğinden bir şey yazamazsınız. 9.99 maskesi, bir sayının ardından bir sayı ve iki sayıya izin verir. 9, herhangi bir sayıya izin veren özel bir maskeleme tanımına sahiptir. veri ınputmask özniteliği ile

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

Çözüm

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