How can I correctly format currency using jquery

Question

I do not need a mask  but I need something that will format currency in all browsers  and not allow for any letters or special char s to be typed   Thanks for the help  Example   Valid   50 00         1 000 53  Not Valid   w45 00             34 3r6

User · Answer

I used to use the jquery format currency plugin, but it has been very buggy recently. I only need formatting for USD/CAD, so I wrote my own automatic formatting.

$(".currencyMask").change(function () {
            if (!$.isNumeric($(this).val()))
                $(this).val('0').trigger('change');

            $(this).val(parseFloat($(this).val(), 10).toFixed(2).replace(/(\d)(?=(\d{3})+\.)/g, "$1,").toString());
        });

Simply set the class of whatever input should be formatted as currency <input type="text" class="currencyMask" /> and it will format it perfectly in any browser.

User · Answer

JQUERY FORMATCURRENCY PLUGIN  http   code google com p jquery-formatcurrency

User · Answer

Use jquery inputmask 3 x  See demos here  Include files    lt script src   assets jquery inputmask js  type  text javascript  gt  lt  script gt   lt script src   assets jquery inputmask extensions js  type  text javascript  gt  lt  script gt   lt script src   assets jquery inputmask numeric extensions js  type  text javascript  gt  lt  script gt    And code as    selector  inputmask  decimal        alias    numeric        groupSeparator             autoGroup   true       digits   2       radixPoint             digitsOptional   false       allowMinus   false       prefix              placeholder    0           Highlights    easy to use optional parts anywere in the mask possibility to define aliases which hide complexity date   datetime masks numeric masks lots of callbacks non-greedy masks many features can be enabled disabled configured by options supports readonly disabled dir  rtl  attributes support data-inputmask attribute s  multi-mask support regex-mask support dynamic-mask support preprocessing-mask support value formatting   validating without input element

User · Answer

Another option  If you are using ASP Net razor view  is  On your view you can do       lt div gt  String Format   0 C    Model total  lt  div gt    This would format it correctly  note  item total is double decimal   if in jQuery you can also use Regex      totalSum   text       parseFloat total  10  toFixed 2  replace    d      d 3       g    1    toString

User · Answer

Expanding upon Melu s answer you can do this to functionalize the code and handle negative amounts  Sample Output   5 23 - 5 23  function formatCurrency total        var neg   false      if total  lt  0            neg   true          total   Math abs total             return  neg    -            parseFloat total  10  toFixed 2  replace    d      d 3       g    1    toString

User · Answer

Try regexp currency with jQuery  no plugin     x000D   x000D    document  ready function    x000D        test   click function     x000D      TESTCURRENCY       value   val   toString   match       s d      s    d        d     gmi   x000D      if  TESTCURRENCY length  lt   1    x000D            valueshow   val  x000D          parseFloat TESTCURRENCY toString   match    d       d 0 2       x000D           x000D        else   x000D            valueshow   val  Invalid a value     x000D        x000D        x000D      x000D   lt script src  https   ajax googleapis com ajax libs jquery 1 9 1 jquery min js  gt  lt  script gt  x000D   lt input type  text  value  12345 67890  id  value  gt  x000D   lt input type  button  id  test  value  CLICK  gt  x000D   lt input type  text  value    id  valueshow  gt  x000D   x000D   x000D    Edit  New check a value to valid invalid

User · Answer

As a corollary to why the jQuery FormatCurrency plugin is a good answer  I d like to rebut your comment   1  code google com p jquery-formatcurrency - Does not filter out all letter s  You can type a single letter and it will not remove it   Yes  formatCurrency   by itself does not filter out letters      only formats currency   selector  formatCurrency      But toNumber    included in the formatCurrency plugin  does    You thus want to do      removes invalid characters  then formats currency   selector  toNumber   formatCurrency

[jquery] How can I correctly format currency using jquery?

Examples related to jquery

Examples related to currency

Examples related to formatter