通貨記号を変更するか、入力マスク通貨でそれを削除してください

Question

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

Answer 1

あなたはprefixオプションを使用してシンボルを変更することができます。以下は、通貨エイリアスを変更し、自分のエイリアスを定義する2つの異なる方法でこれを行うスニペットです。

maskプロパティは入力を制限するために使用され、0.00に設定されているため、入力することはできません。これらの4文字のみを入力できます。 9.99のマスクは、1つのピリオドと2つの数字の後に続く数字を許可します。 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" />

Answer 2

データ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;">