使用 .Net MVC 项目上的本地号码全球化错误答案

【问题标题】：Globalize error with local numbers on .Net MVC Project使用 .Net MVC 项目上的本地号码全球化错误
【发布时间】：2016-01-14 12:46:37
【问题描述】：

我正在尝试验证本地十进制数字（葡萄牙语 -> pt-PT），但在浏览器中出现控制台错误：

Uncaught TypeError: t.parseFloat is not a function.  Exception occurred when checking element SizeOpenedWidth, check the 'number' method.

在葡萄牙，小数点分隔符是“，”，因此此处有效的十进制数是“10,21”。

我用来加载全球化的脚本：

$.when(
        $.getJSON("/Scripts/cldr/supplemental/likelySubtags.json"),
        $.getJSON("/Scripts/cldr/main/numbers.json"),
        $.getJSON("/Scripts/cldr/main/ca-gregorian.json"),
        $.getJSON("/Scripts/cldr/supplemental/timeData.json")
    ).then(function () {

        // Normalize $.get results, we only need the JSON, not the request statuses.
        return [].slice.apply( arguments, [ 0 ] ).map(function( result ) {
            return result[ 0 ];
        });

    }).then( Globalize.load ).then(function() {

        Globalize.locale("pt-PT");
    });

在视图上我使用不显眼的验证：

<div class="form-group">
    @Html.LabelFor(model => model.SizeOpenedWidth, htmlAttributes: new { @class = "control-label col-md-3" })
    <div class="col-md-3">
        <div class="input-group">
            @Html.EditorFor(model => model.SizeOpenedWidth, new { htmlAttributes = new { @class = "form-control" } })
            @Html.ValidationMessageFor(model => model.SizeOpenedWidth, "", new { @class = "text-danger" })
        </div>
    </div>
</div>

要加载所有库，我使用共享/布局文件：

<script src="/Scripts/jquery/jquery-2.1.4.js"></script>

<script src="/Scripts/cldr.js"></script>
<script src="/Scripts/cldr/event.js"></script>
<script src="/Scripts/cldr/supplemental.js"></script>
<script src="/Scripts/cldr/unresolved.js"></script>
<script src="/Scripts/globalize.js"></script>
<script src="/Scripts/globalize/number.js"></script>
<script src="/Scripts/globalize/date.js"></script>

<script src="/Scripts/moment.min.js"></script>
<script src="/Scripts/moment-with-locales.min.js"></script>

<script src="/Scripts/bootstrap/bootstrap.js"></script>
<script src="/Scripts/respond/respond.js"></script>

<script src="/Scripts/jquery/jquery.validate.min.js"></script>
<script src="/Scripts/jquery/jquery.validate.globalize.min.js"></script>
<script src="/Scripts/jquery/jquery.validate.unobtrusive.min.js"></script>

<script src="/Scripts/bootstrap-datetimepicker.js"></script>

【问题讨论】：

你见过this SO question吗？在接受的答案中，它指出您需要将全球化脚本放在验证脚本之后（您的代码没有）。它还显示了完成这项工作需要做的其他一些事情。这些步骤你试过了吗？
您好，谢谢。我已经对其进行了测试，但它似乎是一个旧版本，因为我从一开始就在 Globalize 的最新版本中收到错误“Uncaught TypeError: Globalize.addCultureInfo is not a function”
您的代码中的错误来自哪里？
从我添加的 globalize.cultures.pt-PT.js 文件中尝试您建议的 SO 问题
@Becuzz 我发现了问题，请检查我的答案。

标签： c# jquery asp.net-mvc jquery-globalization

【解决方案1】：

问题与 jQuery Validation Globalize Library 版本有关。

我使用的 1.0.1 版本仍在使用 parseFloat 方法。

此方法在 Globalize v1.0.0 中不再可用，它已被方法 Globalize.parseNumber 取代。

更新到 1.1.0 版本后，一切都开始正常工作了。

【讨论】：