客户端不显眼的验证

client side unobtrusive validation

本文关键字：验证 不显眼 客户端      更新时间：2023-09-26

服务器端验证工作正常(一旦我提交表单)但是客户端不工作。

    @Scripts.Render("~/bundles/jqueryval")

包:

 bundles.Add(new ScriptBundle("~/bundles/jqueryval").Include(
                   "~/Scripts/jquery-{version}.js",
                   "~/Scripts/jquery.validate.js",
                   "~/Scripts/jquery.validate.unobtrusive.js"));

在我的配置文件中:

<add key="ClientValidationEnabled" value="true" />
<add key="UnobtrusiveJavaScriptEnabled" value="true" />

我在我的模型中使用数据注释&MVC 5

VM: 

    public class LocationWorkingHoursVM 
{
    public int LocationID { get; set; }
    public string Name { get; set; }
    [Range(0,1)]
    public decimal?[] Hours { get; set; }
    public string BankHolidays { get; set; }     
}

显示为:

<input class="form-control" data-val="true" data-val-number="The field Nullable`1 must be a number." id="Hours_0_" name="Hours[0]" type="text" value="8.0" />
            <span class="field-validation-valid" data-valmsg-for="Hours" data-valmsg-replace="true"></span>

我错过了什么?

这是因为我使用了我自己的EditorFor helper模板。但是我把它定义为

TextBoxFor(r=>r.model, new { @class= "foo")})

可以使用我的模板吗?

尝试将这两行添加到您的mainlayout中，然后再试一次

<script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.12.0/jquery.validate.min.js" type="text/javascript"></script>
<script src="http://ajax.aspnetcdn.com/ajax/mvc/4.0/jquery.validate.unobtrusive.min.js" type="text/javascript"></script>

如果您使用的是jQuery 1.9.1或更高版本，请确保使用

jQuery验证(至少1.11.1)Microsoft jQuery低调验证(至少2.0.30116.0)jQuery jQuery jQuery Ajax(至少2.0.30116.0)

MVC数据注释范围验证不能正常工作

相关文章：