Format an input with Jquery?

Question

I'm building a calculator that has a slider. Everytime I slide the bar an input box is updated with the number, the calculator passes the value and updates the calculation.

So my input boxes have dollar values that can range anywhere from $0 to $10,000.

Right now my boxes display 0 to 10000 and I want them to be displayed as $0 to $10,000.

I'm assuming jquery would be my best route here. How do I format an input box to display values like this. Sort of like an input mask.

note: users never have to type into the input box, its all controlled by the slider.

do you have a jQuery code already?.. can we see it?

Reigel Gallarde
– Reigel Gallarde

2010-05-12 01:09:55 +00:00
Commented May 12, 2010 at 1:09 — Reigel Gallarde
– Reigel Gallarde, Commented May 12, 2010 at 1:09

shinkou · Accepted Answer · 2010-05-12 01:09:04Z

1

I think you might want to check out this plugin: http://plugins.jquery.com/node/14738

answered May 12, 2010 at 1:09

shinkou

5,1431 gold badge24 silver badges34 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

Reigel Gallarde Over a year ago

a plugin for this easy task would be like overkill :p

wesbos Over a year ago

That looks perfect, however it throws foreign characters into my input and then breaks the calcuator with NaN

shinkou Over a year ago

@Wes Foreign characters were thrown to your input? Could you show us your codes?

wesbos Over a year ago

I was doing this all wrong. I shouldn't be using an input to hold my values. I've switched everything over to having a variable hold my value and now I'm going to use the above plugin to format my output.

Collectives™ on Stack Overflow

Format an input with Jquery?

1 Answer 1

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related