ASPNetCoreMVCModelValidation-ajax

 在提交数据时常常会在客户端进行一次友好的验证信息提示,常见的就是直接通过ModelValidation验证(这种方式最快最简单),还有些情况期望使用ajax异步方式处理以实现更多其他逻辑的处理。
 此篇文章主要描述在使用ajax和直接提交窗体--验证Model时如何正确进行验证信息的提示。

创新互联从2013年创立,先为白云鄂等服务建站,白云鄂等地企业,进行企业商务咨询服务。为白云鄂企业网站制作PC+手机+微官网三网同步一站式服务解决您的所有建站问题。

 一、通过ModelValidation的方式实现

这个比较简单,没什么好说的直接上代码

前端:



后端: public class ValidModel { [Required(ErrorMessage ="必须填写")] public long Age { get; set; } } 这里的话就已经实现了验证(MVC的验证模型)。

 二、通过ajax的方式实现

 1. 通过jquery, jqueryValidate实现

前端:


后端: 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'.

前端:



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

第二种使用asp-for属性,对应的Model的话需要调整值类型为:可以null的类型, Nullable或者T?的类型,这样的话就会默认过滤掉
required属性生成的标签data*,避免了和jquery.validate.unobtrusive的冲突.

前端:



后端: public class ValidModel { public long? Age { get; set; } // public Nullable Age {get;set;} 一样的 }

参考链接

Required验证属性
jquery-validation-unobtrusive
jqueryvalidation


新闻标题:ASPNetCoreMVCModelValidation-ajax
标题URL:http://scyanting.com/article/isggjj.html