所有方法都返回 '.autoNumeric 不是函数 - 不能取消数字格式

问题描述

我正在尝试获取使用 autoNumeric 格式化的输入数字的原始值，但不能，因为我尝试使用它执行此操作的每种方法都返回 '.autoNumeric is not a function'控制台.

I'm trying to get the raw values of input numbers formatted using autoNumeric, but can't because every method I try to do this with it returning '.autoNumeric is not a function' in the console.

$(document).ready(function() {

    new AutoNumeric('#input', 	AutoNumeric.getPredefinedOptions().numericPos.dotDecimalCharCommaSeparator);

    $('#input').on('keyup', function() {
    	$('#output').val($('#input').autoNumeric('getString'));
    })
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.6.5/angular.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.6.5/angular-resource.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/autonumeric/4.0.3/autoNumeric.js"></script>

<input id="input" name="basicPayPerYearInput" type="text" value="123456.78" placeholder="0.00" class="currencyInput validate">

<input type="text" for="basicPayPerYearInput" id="output">

我什至无法像大多数文档中使用 $(selector).autoNumeric() 那样正确地初始化输入，所以我不得不使用上面的新 AutoNumeric"，它奇怪地也用于某些文档中，并且是唯一有效的方法:

I can't even initialise inputs properly as written in most of the documentation using $(selector).autoNumeric(), so I've had to use the above 'new AutoNumeric', which is strangely also used in some documentation and is the only way that works:

推荐答案

您似乎一直在阅读 AutoNumeric 插件旧 API 的文档.该插件已被重写，因为它们独立于 jQuery，这意味着 .autoNumeric() 不再是有效的 jQuery 方法.

It seems like you have been reading the documentation for the old API of AutoNumeric plugin. The plugin has been rewritten since them to be independent of jQuery, which means that .autoNumeric() is no longer a valid jQuery method.

您要做的是在运行时存储 AutoNumeric 实例，然后只需使用 getter 方法 .getNumericString() 在实例上检索其字符串值:

What you want to do is to store the AutoNumeric instance at runtime, and then simply use the getter method .getNumericString() on the instance to retrieve its string value:

// Store instance
var autoNumericInstance = new AutoNumeric('#input', AutoNumeric.getPredefinedOptions().numericPos.dotDecimalCharCommaSeparator);

$('#input').on('keyup', function() {
    // Retrieve instance numeric string value
    $('#output').val(autoNumericInstance.getNumericString());
});

在此处查看概念验证示例(或更新的小提琴):

See proof-of-concept example here (or the updated fiddle):

$(document).ready(function() {

    var autoNumericInstance = new AutoNumeric('#input', AutoNumeric.getPredefinedOptions().numericPos.dotDecimalCharCommaSeparator);

    $('#input').on('keyup', function() {
    	$('#output').val(autoNumericInstance.getNumericString());
    });

});

<script src="https://cdnjs.cloudflare.com/ajax/libs/autonumeric/4.0.3/autoNumeric.js"></script>
<script src="https://code.jquery.com/jquery-3.2.1.js"></script>
<input id="input" name="basicPayPerYearInput" type="text" value="123456.78" placeholder="0.00" class="currencyInput validate">

<input type="text" for="basicPayPerYearInput" id="output">

这篇关于所有方法都返回 '.autoNumeric 不是函数 - 不能取消数字格式的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！