javascript - Jquery动态输入字段中印度货币的输入掩码

Question

我想在输入框中书写时按照印度货币显示屏蔽。

我正在使用 InputMask jquery 进行屏蔽：https ://github.com/RobinHerbots/Inputmask

我希望无论用户尝试在文本输入中记下金额，它都应该根据印度货币格式添加自动逗号。

我正在尝试通过使用以下代码来实现这一目标。

<input type="text" name="amount" class="amount_field"/>
$('.amount_field').inputmask("numeric", {
            radixPoint: ".",
            groupSeparator: ",",
            digits: 3,
            autoGroup: true,
            prefix: '',
            rightAlign: false,
            allowMinus: false,
            // oncleared: function () { self.Value(''); }
        });

当前输出：2,500,000

所需产量：25,00,000

根据印度货币，我需要在 3 后昏迷，然后在 2 后昏迷。

任何帮助将不胜感激。

标签： javascriptjqueryinputmasking

Answer 1

我已经用简单的方法实现了你的问题，你可以试试。

注意：在最新版本的 InputMask 印度货币样式中已添加。在此处查看最新版本。：https ://github.com/RobinHerbots/Inputmask/commit/5586f25853e96102417888b2cfc2823f3caa9763

<input type="text" class="inputmasking" value=""/>
<input type="text" class="inputmasking" value=""/>
<input type="text" class="inputmasking" value=""/>

<script type="text/javascript">
Inputmask("(,99){*|1}(,999){1|1}",
     {
         positionCaretOnClick: "radixFocus",
         _radixDance: true,
         radixPoint: ".",
         numericInput: true,
         placeholder: "0"
     }
 ).mask(".inputmasking");
</script>

小提琴的工作示例： https ://jsfiddle.net/mayanksdudakiya/58pnxjvw/