ASPNetCoreMVCModelValidation-ajax-创新互联

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

创新互联专注为客户提供全方位的互联网综合服务，包含不限于成都网站建设、做网站、平鲁网络推广、小程序定制开发、平鲁网络营销、平鲁企业策划、平鲁品牌公关、搜索引擎seo、人物专访、企业宣传片、企业代运营等，从售前售中售后，我们都将竭诚为您服务，您的肯定，是我们大的嘉奖；创新互联为所有大学生创业者提供平鲁建站搭建服务，24小时服务热线：18980820575，官方网址：www.cdcxhl.com

 一、通过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;} 一样的
    }

参考链接

Required验证属性
jquery-validation-unobtrusive
jqueryvalidation

创新互联www.cdcxhl.cn，专业提供香港、美国云服务器，动态BGP最优骨干路由自动选择，持续稳定高效的网络助力业务部署。公司持有工信部办法的idc、isp许可证， 机房独有T级流量清洗系统配攻击溯源，准确进行流量调度，确保服务器高可用性。佳节活动现已开启，新人活动云服务器买多久送多久。