Ошибка глобализации с локальными номерами в.Net MVC Project
Я пытаюсь проверить локальные десятичные числа (португальский -> pt-PT), но я получаю консольную ошибку в браузере:
Uncaught TypeError: t.parseFloat is not a function. Exception occurred when checking element SizeOpenedWidth, check the 'number' method.
В Португалии десятичным разделителем является ",", поэтому действительным десятичным числом здесь является "10,21".
Скрипт, который я использую для загрузки Globalization:
$.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>
Чтобы загрузить все библиотеки, я использую файл Shared/Layout:
<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>
1 ответ
Решение
Проблема была связана с версией библиотеки глобализации jQuery Validation.
Я использовал версию 1.0.1, которая все еще использовала метод parseFloat.
Этот метод больше не доступен с Globalize v1.0.0, он был заменен методом Globalize.parseNumber.
После обновления до версии 1.1.0 все стало работать нормально.