tags:

views:

41

answers:

1
Q: 

Format an input with Jquery?

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.

A: 

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

shinkou  2010-05-12 01:09:04
a plugin for this easy task would be like overkill :p
Reigel  2010-05-12 01:11:04
That looks perfect, however it throws foreign characters into my input and then breaks the calcuator with NaN
Wes  2010-05-12 01:34:55
@Wes Foreign characters were thrown to your input? Could you show us your codes?
shinkou  2010-05-12 01:55:52
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.
Wes  2010-05-12 02:12:40

related questions

What JavaScript patterns do you use most?
Javascript events
What style do you use for creating an "class" in JavaScript?
Graphing JavaScript Library
What's the difference in closure style
Getting the text from a drop-down box
How to specify javascript to run when ModalPopupExtender is shown
Length of Javascript Associative Array
How Do I Post and then redirect to an external URL from ASP.Net?
How to set up a CSS switcher in ASP.NET
Wrapping lists into columns
Javascript keyboard events primer? (or rather: help me with my custom dropdown)
Http Auth in a Firefox 3 bookmarklet
Best Debugging Tools for JavaScript/xulrunner Development
How can I turn a string of HTML into a DOM object in a Firefox extension?
Call ASP.NET Function From Javascript?
Javascript troubleshooting tools in IE
MAC addresses in JavaScript
Capturing TAB key in text box
CSS Background Color in Javascript
How can I make the browser see CSS and Javascript changes?
Triple Quotes? How do I delimit a databound Javascript string parameter in ASP.NET?
ASP .Net Custom Client-Side Validation
What JavaScript library would you choose for a new project and why?
Detecting font in JavaScript