Remove "$" from form input field

Question

I am working on a site that is using a form to accept donations for their foundation. The payment gateway returns an error if a "$" is included with the actual dollar amount.

Is there an easy way to strip the "$" out of the input field before submitting the form if they type one in?

Thanks.

How is the data submitted? In any case, have a look at [Remove characters from a string](http://stackoverflow.com/questions/4846978/remove-characters-from-a-string) — Felix Kling, Oct 21 '11 at 18:01
Use `.replace(/[^\d.]/g,"")`. This function removes each character, except for digits and dots. — Rob W, Oct 21 '11 at 18:04

Marco Johannesen · Accepted Answer · 2011-10-21T18:22:55.763

3

$('#donationform').submit(function() {
  //get amount value
  var CurrencyField = $("input[name='chargetotal']").val()
  //return amount without $
  $("input[name='chargetotal']").val( CurrencyField.replace('$', '') );
});

Should do the trick :)

edited Oct 21 '11 at 18:22

answered Oct 21 '11 at 18:03

Marco Johannesen

12,904
6
29
36

Marco, do I change the #target to the ID of the form? – Michael Harmon Oct 21 '11 at 18:10
Yes #target is the id of the form, and #amount is the id/class of your input field with the $ amount – Marco Johannesen Oct 21 '11 at 18:11
Marco, I changed #target to #donationform -- this form is passing the dollar amount with a name="chargetotal" – Michael Harmon Oct 21 '11 at 18:16
http://jsfiddle.net/rsBus/ .. shouldnt matter since you change it, before page submit. Do you have firebug, or use a developer tool? Then you can see if it is changed before submit :) – Marco Johannesen Oct 21 '11 at 19:00
Marco, I finally got it to work -- although now when I hit submit -- the "$" is removed -- but the form doesn't submit. – Michael Harmon Oct 21 '11 at 19:40
You didnt copy the return false; from jsfiddle? That disables the submit, the reason i used it, was for watching the effect. So remove it if you copied it :) What was wrong? – Marco Johannesen Oct 21 '11 at 19:47
Fixed. I'm a rookie. Thanks for going back and forth with me on this. Works perfectly. – Michael Harmon Oct 21 '11 at 19:52

score 2 · Answer 2 · answered Oct 21 '11 at 18:00

2

$('form').submit(function() {

    $('input[type=text]', this).each(function() {
        $(this).val( $(this).val().replace(/\$/g, '') );
    });

    return true;
});

answered Oct 21 '11 at 18:00

Mike Thomsen

35,490
10
55
80

Mike, tried your method -- do I need to change 'form' to the ID of the form? Also -- would I change input[type-text] to input[name='chargetotal'] ? doesn't seem to be working – Michael Harmon Oct 21 '11 at 19:01
Yes. You'd want to change form to a selector appropriate for the form you are targeting. Also, the reason I did type=text is to have it go against all text fields. Don't add quote marks in selector. – Mike Thomsen Oct 21 '11 at 22:00

score 1 · Answer 3 · answered Oct 21 '11 at 18:00

1

on client-side (jquery/javascript)

var fieldvalue = {...get from input field...};
fieldvalue = fieldvalue.replace(/\$/,"");

on server-side (php, after submitting)

$fieldvalue = $_POST['fieldname'];
$fieldvalue = str_replace("$", "", $fieldvalue);

answered Oct 21 '11 at 18:00

Marek Sebera

38,635
35
154
241

score 0 · Answer 4 · answered Oct 21 '11 at 18:01

0

on submission, use the "replace" method on the contents of the field before returning true.

answered Oct 21 '11 at 18:01

McAden

13,322
5
36
63

score 0 · Answer 5 · answered Oct 21 '11 at 18:01

0

You can use String.replace to remove any substring from a string:

var amount = $('#amount').val().replace('$', '');

will make amount contain the value of the form field with id="amount" without the first dollar sign in it.

answered Oct 21 '11 at 18:01

millimoose

37,888
9
76
132

Remove "$" from form input field

5 Answers5