使用jQuery Mask允许在同一字段中使用百分号的符号。

Question

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

同一字段可以用作固定值和百分比值。

在同一字段中，它可以是：

1.45（一美元四十五分）

或

1.45％（一点四五百分之一）

-

如果有其他替代方案，我将接受指示。

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

谢谢您的选择。

- Takuma

Answer 1

你可以使用插件的翻译功能来定义一个正则表达式模式：

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

- NullDev

---

NullDev，使用 maskMoney 也可以做到这个吗？ - Takuma

@Takuma 我不知道那个插件。你的问题是关于 jQuery Mask Plugin，我已经使用过了。文档中应该说明是否可能。 - NullDev