輸入顯示文字的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