CODEWITHSUNDEEP
javascriptjqueryinput-maskjquery-inputmask
Juliver Galleto
Juliver Galleto

Reputation: 9037

inputmask numeric with two decimal places

I'm trying to transform my normal input field unto a numeric input with two decimal places using the great plugin called "inputmask" by awesome "RobinHerbots", below snippet is what I tried but sadly and unfortunately its not working, any ideas, help please?

$(document).ready(function(){
  $('.decimal').inputmask('decimal', { rightAlign: false, digits: 2, placeholder: "0" });
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://rawgit.com/RobinHerbots/jquery.inputmask/3.x/dist/jquery.inputmask.bundle.js"></script>

<input type="text" class="decimal form-control" />

Upvotes: 1

Views: 10916

Answers (2)

Faizan Anwer Ali
Faizan Anwer Ali

Reputation: 671

Try this

https://jsfiddle.net/Ln375fmz/

$('.decimal').inputmask({
            mask: "9{0,20}Z9{2}",
            definitions: {
                "Z": {
                    validator: "[.]",
                }
            },
            clearIncomplete: true,
            autoUnmask: true,
            placeholder: "",
        });
<input type="text" id="money">

Upvotes: 0

greenseed
greenseed

Reputation: 529

$('.decimal').inputmask({ mask: "99.99"}) // As you requested

OR

$('.decimal').inputmask({ mask: "99.9{2}"}) //Same as the first one, {2} mean preceding char count MUST be 2

OR

$('.decimal').inputmask({ mask: "(99)|(99.9{1,2})"}) //We use optional here so user can enter 99 or 99.9 or 99.99

Upvotes: 2

Related Questions