How to add automatic dots to prices in HTML?

Question

I'm trying to implement automatic formatting to an web-page. So that when you type 12345678, it is automatically €123.456,78.

      <div class="form-group">
<input type="text" required class="form-control" name="EKBrutto" placeholder="EK-Brutto">

I have no clue how to do this.

Possible duplicate of [HTML text input field with currency symbol](http://stackoverflow.com/questions/2913236/html-text-input-field-with-currency-symbol) — Squazz, Aug 31 '16 at 08:20
http://stackoverflow.com/questions/5963158/html5-form-input-pattern-currency-format — Mad Dog Tannen, Aug 31 '16 at 08:20

score 6 · Accepted Answer · answered Aug 31 '16 at 08:21

You can use the following link to mask money, Especially you are dealing with money

And this following link is a demo

basically what you have is:

<input type="text" id="currency" />

then you put in this script

<script>
  $(function() {
    $('#currency').maskMoney();
  })
</script>

This automatically puts the dots in place, but there are more parameters to help you just read the guide :)

1 Answers1