Question

Can someone help me out with this please…

I am doing a web form. I would like to insert the dollar sign into some INPUTs that have a numberfield class. I want the user’s content to follow the dollar sign or course.

This inserts the dollar sign OK, but the content ends up in front of it.

$('input.numberfield').val('$');

NOTE – the dollar sign is required because this is financial data (nothing to do with jquery! 🙂 )

in other words – someone types in ‘100’ and it becomes ‘$100’)

Answer 1

You can do something like this:

$('input.numberfield').each(function() {
  $(this).val('$' + $(this).val());
}

In 1.4, a simple more complete solution for your scenario:

 $('input.numberfield').keyup(function() {
   $(this).val(function(i,v) {
     return '$' + v.replace('$',''); //remove exisiting, add back.
   });
 });