Remove commas from input box after clicking submit button

Question

I am wanting to know if its possible to take off commas from an input box when clicking a submit button using jQuery.

I am trying to take in a number value from users that automatically adds in commas for easier readability, ex: $1,000,000. I have gotten this running however when the user submits the data, our backend cannot read values anything else other than numbers so I am wanting to know if I can change the values with commas to just numbers when the user clicks the submit button?

can you share what you've tried? – Sushil Jan 14 '16 at 21:39 — Sushil, Jan 14 '16 at 21:39
Look into regex and `String.replace()` – Draco18s no longer trusts SE Jan 14 '16 at 21:39 — Draco18s no longer trusts SE, Jan 14 '16 at 21:39

Deep · Answer 1 · 2016-01-14T21:44:19.457

4

$('#your-form').on('submit', function() {
    var input = $('#your-input');
    input.val(input.val().replace(/,/g, ''));
});

edited Jan 14 '16 at 21:44

answered Jan 14 '16 at 21:41

Deep

2,472
2
15
25

This only replaces one comma – IrkenInvader Jan 14 '16 at 21:43
1

@IrkenInvader Fixed )) – Deep Jan 14 '16 at 21:44

score 2 · Answer 2 · answered Jan 14 '16 at 21:44

2

The better way do not store any chars exept numbers in such fileds. I usually use regex in such cases.

console.log($('#input').val().replace(/[^0-9]/g, "")); // result 1000000

Then you can format value on show page as you wish. Later.

Best regards

Egor

answered Jan 14 '16 at 21:44

Egor Malkevich

1,516
1
11
24

1

For decimals: `console.log($('#input').val().replace(/[^0-9\.]/g, ""));` – Demian Berisford-Maynard Apr 20 '18 at 16:39

Remove commas from input box after clicking submit button

2 Answers2