c# - MVC/JQuery验证不接受逗号作为小数分隔符




asp.net-mvc asp.net-core (2)

即使有人提出,这是一个jQuery问题而不是MVC问题,我认为这是一个MVC问题。

不,那是不正确的。 您看到客户端验证错误,因为默认情况下, jquery.validate.js (与MicroSoft无关的独立第三方插件,MVC用于客户端验证)根据小数分隔符为a验证数字 . (点),而不是 , (逗号)。

MVC是服务器端代码,不在浏览器中运行。 为了执行客户端验证,生成表单控件的MVC的 HtmlHelper 方法在html中呈现一组 data-val-* 属性,用于描述要执行的验证,这些属性又由 jquery.validate.unobtrusive.js 插件解析加载DOM时,使用它们向 $.validator 添加规则。

double 属性的情况下,它将添加 data-val-number 属性(除了 data-val-required 属性),这将添加定义为的 number 规则

// http://docs.jquery.com/Plugins/Validation/Methods/number
number: function( value, element ) {
    return this.optional(element) || /^-?(?:\d+|\d{1,3}(?:,\d{3})+)?(?:\.\d+)?$/.test(value);
},

其中小数点分隔符是一个点,千位分隔符是逗号(可能是因为该插件是在美国开发的,所以使用美国格式)。

您需要覆盖使用 jquery.globalize 等插件或包含以下脚本可以执行的默认行为(请注意正则表达式只是交换点和逗号)

$.validator.methods.number = function (value, element) {
    return this.optional(element) || /^-?(?:\d+|\d{1,3}(?:\.\d{3})+)?(?:,\d+)?$/.test(value);
}

注意上面的脚本需要在 jquery.validate.js 脚本之后,但不包含在 $(document).ready()

将它与MVC联系起来的是,我可以通过将 [DisplayFormat(ApplyFormatInEditMode = true, DataFormatString = "{0:yyyy-MM-dd}")] 到模型中来解决日期验证问题。

实际上你的 [DataType(DataType.Date)] 属性与影响生成的html的 [DisplayFormat] 属性一起使用。 [DataType] 属性生成 <input type="date" ... /> ,如果浏览器支持,则会将浏览器HTML-5 datepicker呈现给它。 根据规范,格式必须是 yyyy-MM-dd (ISO格式),因此也需要 [DisplayFormat] 属性。

HTML-5日期选择器在浏览器文化中呈现日期。 输入为 26.1.2018 是因为您的浏览器文化是 de-DE ,但如果我导航到您的网站,我会在输入中看到 26/1/2018 ,因为我的文化是 en-AU (澳大利亚) ),如果美国用户导航到您的网站,他们会看到 1/26/2018

客户端验证对date属性起作用的原因是 jquery.validate.js 插件包含US格式( MM/dd/yyyy )和ISO格式( yyyy-MM-dd )的日期规则。

如果您要使用 @Html.TextBoxFor(m => m.Inbetriebnahmedatum) (忽略您的 [DataType][DisplayFormat] 属性),并在输入中输入 26.1.2018 ,您还会看到客户端验证错误。

更新07.01.2018

即使有人提出,这是一个jQuery问题而不是MVC问题,我认为这是一个MVC问题。 我已经在asp.net core 2.0 MVC中创建了整个应用程序并且错误仍然存​​在。 将它与MVC联系起来的是,我可以通过将 [DisplayFormat(ApplyFormatInEditMode = true, DataFormatString = "{0:yyyy-MM-dd}")] 到模型中来解决日期验证问题。 因此,MVC对验证有影响。 所以我认为在MVC中有一些方法可以解决这个问题(见本文)。 请发布asp.net core 2.0的答案。

原帖

在MVC5页面中,我在文本框中呈现 Double 属性。 加载页面时,该值显示为“,”作为小数分隔符,这是正确的,因为页面在德语系统上运行。 如果我想保存表单,我会收到验证错误。 怎么解决这个问题? 我知道关于这个话题有一些问题,但据我所知,其中大部分已经过时了...我仍然在苦苦挣扎,没有设置或任何内置的东西允许来自不同国家的用户使用MVC应用程序。

模型:

[DisplayFormat(DataFormatString = "{0:n2}", ApplyFormatInEditMode = true)]
public Double Gewicht
{
    get { return gewicht; }
    set { gewicht = value; OnPropertyChanged(new PropertyChangedEventArgs("Gewicht")); }
}

CSHTML:

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

Web.config文件

<globalization uiCulture="de-DE" culture="de-DE" />

加载后的框 - >用逗号作为小数分隔符加载的值

单击提交按钮后的框 - >相同值的验证错误

逗号后的框更改为点 - >无验证错误

更新05.01.2018

我尝试过 here 显示的解决方案,遗憾的是这对我不起作用。 但是,我还发现,这些值不仅不被接受,而且还被改为组分隔符和小数分隔符混合的数字(见图)。 会发生的是,22的值变为22.5并存储在数据库中。 结果是,将值2,250.00存储到数据库中。

更新07.01.2018

同样有趣的是,日期字段完全可以接受德语格式。

属性

private DateTime? inbetriebnahmedatum;

[DataType(DataType.Date)]
[DisplayFormat(ApplyFormatInEditMode = true, DataFormatString = "{0:yyyy-MM-dd}")]
public DateTime? Inbetriebnahmedatum
{
    get { return inbetriebnahmedatum; }
    set { inbetriebnahmedatum = value; OnPropertyChanged(new PropertyChangedEventArgs("Inbetriebnahmedatum")); }
}

接受并处理下面显示的值没有任何错误。

更新07.01.2018 - 2

如果我更改edit.cshtml中的行

<input asp-for="Gewicht" class="form-control" />

<input name="Gewicht" id="Gewicht" type="number" class="form-control" value="@Model.Gewicht"/>

表单可以使用值“23,7”提交,不会出现验证错误。 在控制器中,绑定模型属性显示值“237”,其中 IFormCollection 显示值“23.7”。 这表明模型绑定器存在问题。


我认为问题是jquery验证器我用它来解决逗号/点错误

$.validator.methods.number = function (value, element) {
    return this.optional(element) || /^-?(?:\d+|\d{1,3}(?:[\s\.,]\d{3})+)(?:[\.,]\d+)?$/.test(value);
}

试试玩吧





asp.net-core