显示文本的Javascript数字输入

问题描述：

对于我的网站，我希望在数字后面输入包含美元符号的数字输入，即键入“30”时，它会在输入字段中显示“30 $”。用户不应该被允许编写任何非数字字符，并且它应该像“普通”文本/数字输入字段那样工作。（我不需要在输入字段中输入type =“number”的微调器）。显示文本的Javascript数字输入

有没有这样的事情，还是由于复杂性不可能？ jQuery的答案也是受欢迎的。

最常用的方法，这些天是符号是外部输入的文字或图标。 – charlietfl

请注意，美元，澳大利亚元，加拿大元，“$”通常应该放在“$ 30”字段，但应该跟随其他字段，比如伯利兹BZD，巴西_Reals_ BRL - http：//www.xe .com/symbols.php是一个体面的信息起始位置，因为https://en.wikipedia.org/wiki/List_of_circulating_currencies –

答

您可以使用以下插件仅允许文本输入中的数字值。正如@charlietfl所评论的，最佳做法是在输入字段外使用符号。

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

这是该插件。在将它链接到HTML文件后，在Jquery的document.ready函数中，您只需获取元素并调用numeric（）方法。

我决定简单地将标签添加到所有输入字段中，在我的例子中是“Price（Dollars ）”。谢谢！ – CrushedPixel

答

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

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

显示文本的Javascript数字输入

相关推荐