Question

我有一个要与autonumeric.js一起使用的表格。我遇到的错误之一是number is not supported by autoNumeric。当我将input type更改为text时，所有输入都会自动填充到我键入的任何数字。从本质上讲，我首先尝试在添加货币之前先添加逗号和小数。我对从这里去哪里有些困惑。这是我的HTML

    <form id="form1">
       <h3>Lifetime Value Calculator</h3>
       <input value=""  type="number"  class='num1'/> 
       <input value=""  type="number" class='num2'/>           
       <input value=""  type="number" class='num3'/>
       <input value=""  type="number" class='num4'/>
   </form>

这是我的脚本

 var autoNumericInstance = new AutoNumeric('.num1, .num2, .num3, .num4', AutoNumeric.getPredefinedOptions().numericPos.dotDecimalCharCommaSeparator);

$('.num1, .num2, .num3, .num4').on('keyup', function() {
    $('.num1, .num2, .num3, .num4').val(autoNumericInstance.getNumericString());
});

Answer 1

我已经取得了一些进展。使用此脚本，我可以在第一个输入字段中得到逗号和小数，但在最后一个输入字段中只能得到逗号和小数。

`

$('.num1, .num4').each(function() {
var autoNumericInstance = new AutoNumeric($(this)[0],AutoNumeric.getPredefinedOptions().numericPos.dotDecimalCharCommaSeparator);
 });`

所以现在我需要弄清楚为什么小数点不能用于我的第四次输入

Answer 2

您到底想实现什么？

如果您想使用基本逗号输入“基本”作为数字组分隔符，并使用点作为小数点，则只需使用：

new AutoNumeric.multiple('#form1 input');

另一方面，如果只需要正值，请使用：

new AutoNumeric.multiple('#form1 input', { minimumValue : 0 });

上次您提到货币；我建议使用预定义的货币格式，如果找不到，请执行以下操作：1）使用github问题要求将其包含在AutoNumeric库中，以及2）根据需要配置它，例如：

new AutoNumeric.multiple('#form1 input', { currencySymbol : '€' });

请注意，您可以使用官方的autoNumeric configurator很容易地使用这些选项。

在autonumeric.js中实现逗号和小数

2 个答案: