开发者社区> 技术小牛人> 正文
阿里云
为了无法计算的价值
打开APP
阿里云APP内打开

ASP.NET MVC实践系列3-服务器端数据验证

简介:
+关注继续查看

我们这里主要讲解ASP.NET MVC中服务器端得数据验证,至于客户端验证我们会在以后的系列中讲到。

在Controller中有一个ModelState属性,这是一个类型为ModelStateDictionary的ModelState类型的字典集合。在进行数据验证的时候这个属性是比较有用的。在使用Html.ValidationMessage()的时候,就是从ModelState中检测是否有指定的KEY,如果存在,就提示错误信息。

1、基本实例

在View中添加如下文件

复制代码
ExpandedBlockStart.gifCode
<%= Html.ValidationSummary("Edit was unsuccessful. Please correct the errors and try again."%>

    
<% using (Html.BeginForm()) {%>

        
<fieldset>
            
<legend>Fields</legend>
            
<p>
                
<label for="id">id:</label>
                
<%= Html.TextBox("id", Model.id) %>
                
<%= Html.ValidationMessage("id""*"%>
            
</p>
            
<p>
                
<label for="Title">Title:</label>
                
<%= Html.TextBox("Title", Model.Title) %>
                
<%= Html.ValidationMessage("Title""*"%>
            
</p>
             
<p>
                
<input type="submit" value="Save" />
            
</p>
        
</fieldset>

    
<% } %>
复制代码

在相应的Controller中添加如下代码

复制代码
ExpandedBlockStart.gifCode
public ActionResult NewsEdit(int id)
        {
            NewsDataDataContext dc 
= new NewsDataDataContext();
            
return View(dc.News.First(n => n.id == id));
        }
        [AcceptVerbs(HttpVerbs.Post)]
        
public ActionResult NewsEdit(int id, FormCollection formValues)
        {
            News news 
= new News();
            UpdateModel(news);
            
if (String.IsNullOrEmpty(news.Title))
            {
                ModelState.AddModelError(
"Title""Title不能为空");
            }
            
else
            {
                
//进行更新
            }
            
return View(news);
        }
复制代码

View中使用Html.ValidationMessage(string modelName)来对指定的属性进行验证:这里仍然使用的是mvc中默认的约定,modelName的内容如果和ModelState中的key值一样是就显示。

其中ValidationSummary()是用于显示全部的验证信息的。跟ASP.NET里面的ValidationSummary验证控件差不多。

运行程序得到的结果为:

2009102711045487.jpg

Html.ValidationMessage()方法会为出错的属性的输入框添加一个名为"input-validation-error"的CSS类,同时后面的提示信息的CSS类名为"field-validation-error":

ExpandedBlockStart.gifCode
 <input class="input-validation-error" id="Title" name="Title" type="text" value="" />
                
<span class="field-validation-error">*</span>

CSS类的样式是可以由我们自己自由定义的

2、应用

这里我们为之前的News实例添加服务器端验证,首先我们需要一个传递错误信息的类

复制代码
ExpandedBlockStart.gifCode
 public class RuleViolation
    {
        
public string ErrorMessage { getprivate set; }
        
public string PropertyName { getprivate set; }
        
public RuleViolation(string errorMessage)
        {
            ErrorMessage 
= errorMessage;
        }
        
public RuleViolation(string errorMessage, string propertyName)
        {
            ErrorMessage 
= errorMessage;
            PropertyName 
= propertyName;
        }
    }
复制代码

然后为dbml中的News类添加一个partial类,来用于验证属性

复制代码
ExpandedBlockStart.gifCode
public partial class News
    {
        
public bool IsValid
        {
            
get { return (GetRuleViolations().Count() == 0); }
        }

        
partial void OnValidate(ChangeAction action)
        {
            
if (!IsValid)
                
throw new ApplicationException("Rule violations prevent saving");
        }
        
public IEnumerable<RuleViolation> GetRuleViolations()
        {
            
if (String.IsNullOrEmpty(Title))
                
yield return new RuleViolation("必须要输入标题""Title");
            
if (String.IsNullOrEmpty(Author))
                
yield return new RuleViolation("必须要输入作者""Author");

            
yield break;
        }
    }
复制代码

Controller中填入如下代码

复制代码
ExpandedBlockStart.gifCode
[AcceptVerbs(HttpVerbs.Post)]
        
public ActionResult NewsEdit(int id, FormCollection formValues)
        {
            NewsDataDataContext dc 
= new NewsDataDataContext();
            News news 
= dc.News.First(n => n.id == id);
            
try
            {
                UpdateModel(news);
                dc.SubmitChanges();
                
return RedirectToAction("Details"new { id = id });
            }
            
catch (Exception)
            {
                
foreach (var issue in news.GetRuleViolations())
                {
                    ModelState.AddModelError(issue.PropertyName, issue.ErrorMessage);
                }
                
return View(news);
            }
        }
复制代码

注:当对DataDataContext执行SubmitChanges方法时会触发OnValidate分布方法。

3、源码

4、参考:

http://www.cnblogs.com/QLeelulu/archive/2008/10/08/1305962.html

《Professional ASP.NET MVC 1.0》

本文转自 你听海是不是在笑 博客园博客,原文链接:http://www.cnblogs.com/nuaalfm/archive/2009/10/27/1590532.html  ,如需转载请自行联系原作者

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
基于Asp.Net Mvc开发的个人博客系统
一个基于Mvc 5构建的简单、代码层级分明的开源个人博客系统。前端美观大气、后台采用RightControl .NET通用角色权限系统,开发简单、效率高。网站配置采用XML配置,灵活可以根据自己是需求进行个性化配置。系统功能完备,完全可以满足需求,基本不用二次开发,非常使用程序员的个人博客。
0 0
解决ASP.NET MVC间歇性响应缓慢
解决ASP.NET MVC间歇性响应缓慢
0 0
ASP.NET MVC增删改查带图片路径读取
ASP.NET MVC增删改查带图片路径读取
0 0
ASP.NET MVC多表示例题-酒店管理
ASP.NET MVC多表示例题-酒店管理
0 0
ASP.NET MVC+LayUI视频上传
ASP.NET MVC+LayUI视频上传
0 0
ASP.NET Core MVC+Layui使用EF Core连接MySQL执行简单的CRUD操作
ASP.NET Core MVC+Layui使用EF Core连接MySQL执行简单的CRUD操作
0 0
ASP.NET MVC使用Layui选择多图片上传
ASP.NET MVC使用Layui选择多图片上传
0 0
ASP.NET MVC中使用jQuery Ajax通过FormData对象异步提交图片文件到服务端保存并返回保存的图片路径
ASP.NET MVC中使用jQuery Ajax通过FormData对象异步提交图片文件到服务端保存并返回保存的图片路径
0 0
关于ASP.NET MVC 项目在本地vs运行响应时间过长无法访问时,解决方法!
关于ASP.NET MVC 项目在本地vs运行响应时间过长无法访问时,解决方法!
0 0
ASP.NET MVC默认配置如有跳转到指定的Area区域中的对应程序中
ASP.NET MVC默认配置如有跳转到指定的Area区域中的对应程序中
0 0
文章
问答
文章排行榜
最热
最新
相关电子书
更多
Java Spring Boot开发实战系列课程【第7讲】:Spring Boot 2.0安全机制与MVC身份验证实战(Java面试题)
立即下载
低代码开发师(初级)实战教程
立即下载
阿里巴巴DevOps 最佳实践手册
立即下载