顯示文本的Javascript數字輸入

Question

對於我的網站，我希望在數字後面輸入包含美元符號的數字輸入，即鍵入「30」時，它會在輸入字段中顯示「30 $」。用戶不應該被允許編寫任何非數字字符，並且它應該像「普通」文本/數字輸入字段那樣工作。 （我不需要在輸入字段中輸入type =「number」的微調器）。

有沒有這樣的事情，還是由於複雜性不可能？ jQuery的答案也是受歡迎的。

Answer 1

您可以使用以下插件僅允許文本輸入中的數字值。正如@charlietfl所評論的，最佳做法是在輸入字段外使用符號。

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

這是該插件。在將它鏈接到HTML文件後，在Jquery的document.ready函數中，您只需獲取元素並調用numeric（）方法。

Answer 2

退房的jquery.inputmask庫：https://github.com/RobinHerbots/jquery.inputmask

下面是一個例子的jsfiddle： https://github.com/RobinHerbots/jquery.inputmask