输入显示文字的Javascript数字

Question

For my website, I want a number input that includes a dollar sign after the number, ie when you type "30", it displays "30$" in the input field. The user should not be allowed to write any non-numeric characters, and it should behave like a "normal" text/number input field otherwise. (I don't need the spinner that comes with type="number" in an input field).

Is there anything like that, or is it not possible due to complexity? jQuery answers are welcome too.

Answer 1

You can use the following plugin to only allow the numeric values in your text input. As @charlietfl commented, the best practice is to use the sign outside of the input field.

http://www.texotela.co.uk/code/jquery/numeric/

This is the plugin. After you link it in your HTML file, in document.ready function in Jquery you just get your element and call numeric() method.

Answer 2

Check out the jquery.inputmask library: https://github.com/RobinHerbots/jquery.inputmask

Here's an example jsfiddle: https://github.com/RobinHerbots/jquery.inputmask