Question

服务器端验证工作正常（一旦我提交表单）但客户方不起作用。

在我的布局中：

    @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" />

我在我的模型中使用数据注释＆amp; 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>

我缺少什么？

Answer 1

这是因为我使用自己的模板作为EditorFor帮助器。但我把它定义为

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

是否可以使用我的模板使其工作？

Answer 2

尝试将这两行添加到您的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>

Answer 3

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

jQuery验证（至少1.11.1） Microsoft jQuery Unobtrusive Validation（至少2.0.30116.0） Microsoft jQuery Unobtrusive Ajax（至少2.0.30116.0）

MVC data annotations range validation not working properly

客户端不引人注意的验证

3 个答案: