ASPNetCore MVC ModelValidation-ajax

原文链接：https://blog.51cto.com/dream1135134786/2379612?source=drh

一、通过ModelValidation的方式实现
这个比较简单，没什么好说的直接上代码

前端：

Age submit

后端：
public class ValidModel
{
[Required(ErrorMessage =“必须填写”)]
public long Age { get; set; }
}

这里的话就已经实现了验证(MVC的验证模型)。
 二、通过ajax的方式实现
 1. 通过jquery, jqueryValidate实现

前端：

Age submit

后端：
public class ValidModel
{
public long Age { get; set; }
}

由于采用了ajax的验证，所以这里后台Model不再使用required属性，
前端这里也不需要引用jquery.validate.unobtrusive.js。
2 . 异常引用：jquery.validate,jquery, jquery.validate.unobtrusive并且采用asp-for
标记时就会出现：
 对于Model的绑定属性是值类型时：
 MVC会自动触发required属性的标签生成：data-val=“true” data-val-required=“The Age field is required.”
 这个属性会直接影响到jqueryvalidate的验证的处理结果，就是没有提示消息出来。

对于这个问题以下两种解决方案供参考
第一种在标签上不使用asp-for属性，而是直接静态方式name=‘xxx’.

前端：

Age submit 后端： public class ValidModel { public long Age { get; set; } } 第二种使用asp-for属性，对应的Model的话需要调整值类型为:可以null的类型， Nullable或者T?的类型，这样的话就会默认过滤掉 required属性生成的标签data*,避免了和jquery.validate.unobtrusive的冲突.

前端：

Age submit

后端：
public class ValidModel
{
public long? Age { get; set; } // public Nullable Age {get;set;} 一样的
}
东莞网站建设www.zg886.cn