javascript - 允许使用 jQuery Mask 在同一字段中使用 % 符号

Question

如何允许在字段中包含 % 符号？

同一字段用作固定值和/或百分比值。

在同一个领域，可以是:

1,45(一美元四十五美分)

或

1.45%(百分之四十五)

-

1.000.000,00 或 2,50%

如果有其他选择，我会接受指示。

$(document).ready(function() {

  $('.moeda').mask("#.##0,00", {reverse: true});

});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.0/jquery.min.js"></script>
<script src="https://igorescobar.github.io/jQuery-Mask-Plugin/js/jquery.mask.min.js"></script>


Tax: 
<input id="formaTaxas" name="formaTaxas" type="text" class="form-control moeda" value="0,00" required/>

谢谢。

Answer 1

您可以使用 translation feature用于定义 RegEx 模式的插件:

$(document).ready(function() {
    $(".moeda").mask("#.##0,00%", {
        reverse: true,
        translation: {
            "%": {
                pattern: /\%/,
                optional: true
            }
        }
    });
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.0/jquery.min.js"></script>
<script src="https://igorescobar.github.io/jQuery-Mask-Plugin/js/jquery.mask.min.js"></script>


Tax: 
<input id="formaTaxas" name="formaTaxas" type="text" class="form-control moeda" value="0,00" required/>