当前位置： 移动技术网 > IT编程>开发语言>.net > Asp.Mvc 2.0用户服务器验证实例讲解(4)

Asp.Mvc 2.0用户服务器验证实例讲解(4)

2017年12月12日  | 移动技术网IT编程  | 我要评论

苍穹神剑电影,p m 2.5,雪地摩托车游戏

这一节给大家讲解下asp.net mvc 2.0的服务器端验证的用法。大家知道，一个项目只用js客户端验证是不安全的，用户可以禁用js来绕过客户端验证，所以必须有服务器端验证。
关于服务器端验证，主要调用system.componentmodel.dataannotations命名空间里面的类库。
咱们这次还是以注册页面为例来讲解服务器端验证，主要对注册页面完成以下验证
1.用户名不能为空
2.密码不能为空，密码长度不能小于5位数，
3.密码和确认密码输入必须一样
4.邮件格式必须正确
咱们先看下效果图

mvc中对所有字段的验证，实际上只需要在model层设置验证规则就可以。
1.用户名验证
对用户名的验证，只需要验证用户名不为空就可以了，使用required属性，把此属性绑定到model的用户名字段上就可以了。

/// <summary> 
  /// 用户名 
  /// </summary> 
  [displayname("用户名")] 
  [required(errormessage="用户名不能为空!")] 
  public string username 
  { get; set; }

required里面的参数表示具体的提示信息，此时如果用户名为空，就会在前台aspx页面出现用户名不能为空的提示。当然要在前台显示错误的提示信息。使用<%:html.validationmessagefor(m=>m.username)%>标记就可以在前台显示错误的提示信息

2.密码验证
密码验证包括密码不能为空和密码长度限制。
验证密码为空和验证用户名为空一样，使用required属性。
验证密码的长度使用stringlength属性。

/// <summary> 
  /// 密码 
  /// </summary> 
  [displayname("密码")] 
  [required(errormessage="密码不能为空")] 
  [stringlength(10, errormessage = "密码长度不能小于5位",minimumlength=5)] 
  public string userpwd 
  { 
   get; 
   set; 
  }

stringlength的第一个参数表示密码的最大长度，errormessage表示不满足条件的时候的错误提示信息。
minimumlength表示输入内容的最小长度.
当然，前台必须有地方显示错误信息，显示错误信息我们使用如下
<%:html.validationmessagefor(m=>m.userpwd)%>

3.验证密码和确认密码是否一致
要验证密码和确认密码是否一致，这个稍微有点复杂，需要我们自定义验证规则。自定义验证规则我们需要继承validationattribute类.然后实现它的isvaild方法。 

/// <summary> 
 /// 此自定义类用于验证密码和确认密码必须一致 
 /// </summary> 
 [attributeusage(attributetargets.class, allowmultiple = true, inherited = true)] 
 public class pwdmatch :validationattribute 
 { 
 
  private object _typeid = new object(); 
  public string pwd { get; set; }//密码 
  public string confirmpwd { get; set; }//确认密码 
 
 
  public pwdmatch(string pwd, string confirmpwd) 
   : base() 
  { 
   pwd = pwd; 
   confirmpwd = confirmpwd; 
  } 
 
  /// <summary> 
  /// 返回错误的提示信息 
  /// </summary> 
  /// <param name="name"></param> 
  /// <returns></returns> 
  public override string formaterrormessage(string name) 
  { 
   return errormessage; 
  } 
 
  /// <summary> 
  /// 重写typeid 
  /// </summary> 
  public override object typeid 
  { 
   get 
   { 
    return _typeid; 
   } 
  } 
 
  /// <summary> 
  /// 判断是否想到 
  /// </summary> 
  /// <param name="value">value的值实际上是model提交的model类</param> 
  /// <returns></returns> 
  public override bool isvalid(object value) 
  { 
   propertydescriptorcollection properties = typedescriptor.getproperties(value); 
   object originalvalue = properties.find(pwd, true ).getvalue(value);//获取密码 
   object confirmvalue = properties.find(confirmpwd, true).getvalue(value);//获取确认密码的值 
   return object.equals(originalvalue, confirmvalue); 
 
  } 
 } 

 
 pwdmatch属性类创建后，可把它标记在注册model的上面，然后提交注册的时候，就会验证了
 [pwdmatch("userpwd","confirpwd", errormessage ="密¨¹码?与®?确¨¡¤认¨?不?匹£¤配?")]
 public class registermodel
{
 
}

pwdmatch的第一个参数表上密码，名称与registermodel中的密码属性相同，第二个字段是确认密码，名称与registermodel与的确认密码属性相同，最后一个参数是错误提示信息。
当然，也要在前台显示错误提示信息，使用<%:html.validationsummary(true,"用®?户¡ì创ä¡ä建¡§失º¡ì败㨹!")%>就可以在前台显示一个总的错误信息列表。

4.邮箱验证
邮箱验证主要是邮箱格式验证，验证格式是否满足要求.验证邮箱我们使用regularexpressions属性就可以。

/// <summary> 
  /// 用户邮箱 
  /// </summary> 
  [displayname("邮箱")] 
  //[datatype(datatype.emailaddress)] 
  [regularexpression(@"^\w+((-\w+)|(\.\w+))*\@[a-za-z0-9]+((\.|-)[a-za-z0-9]+)*\.[a-za-z0-9]+$", errormessage = "电子邮件格式错误")] 
  public string email 
  { 
   get; 
   set; 
  }


第一个参数邮箱验证的正则表达式，第二个参数是错误提示信息。
在aspx页面显示错误信息用<%:html.validationmessagefor(m=>m.email)%>
以上是对用户注册信息的验证，当然，我们在提交信息的时候，要判断验证是否通过，我们使用modelstate.isvalid来判断验证是否通过，true表示通过，false表示未通过。
model代码：

/// <summary> 
 /// 注册用户model 
 /// </summary> 
 [pwdmatch("userpwd", "confirpwd", errormessage = "密码与确认不匹配")] 
 public class registermodel 
 { 
  /// <summary> 
  /// 用户名 
  /// </summary> 
  [displayname("用户名")] 
  [required(errormessage="用户名不能为空!")] 
  public string username 
  { get; set; } 
 
  /// <summary> 
  /// 密码 
  /// </summary> 
  [displayname("密码")] 
  [required(errormessage="密码不能为空")] 
  [stringlength(10, errormessage = "密码长度不能小于5位",minimumlength=5)] 
  public string userpwd 
  { 
   get; 
   set; 
  } 
 
  [displayname("确认密码")] 
  [required(errormessage="确认密码不能为空!")] 
  [stringlength(10, errormessage = "确认密码长度不能小于5位",minimumlength=5)] 
  public string confirpwd 
  { 
   get; 
   set; 
  } 
  /// <summary> 
  /// 用户邮箱 
  /// </summary> 
  [displayname("邮箱")] 
  //[datatype(datatype.emailaddress)] 
  [regularexpression(@"^\w+((-\w+)|(\.\w+))*\@[a-za-z0-9]+((\.|-)[a-za-z0-9]+)*\.[a-za-z0-9]+$", errormessage = "电子邮件格式错误")] 
  public string email 
  { 
   get; 
   set; 
  } 
 
  
 } 
 
  
 /// <summary> 
 /// 此自定义类用于验证密码和确认密码必须一致 
 /// </summary> 
 [attributeusage(attributetargets.class, allowmultiple = true, inherited = true)] 
 public class pwdmatch :validationattribute 
 { 
 
  private object _typeid = new object(); 
  public string pwd { get; set; }//密码 
  public string confirmpwd { get; set; }//确认密码 
 
 
  public pwdmatch(string pwd, string confirmpwd) 
   : base() 
  { 
   pwd = pwd; 
   confirmpwd = confirmpwd; 
  } 
 
  /// <summary> 
  /// 返回错误的提示信息 
  /// </summary> 
  /// <param name="name"></param> 
  /// <returns></returns> 
  public override string formaterrormessage(string name) 
  { 
   return errormessage; 
  } 
 
  /// <summary> 
  /// 重写typeid 
  /// </summary> 
  public override object typeid 
  { 
   get 
   { 
    return _typeid; 
   } 
  } 
 
  /// <summary> 
  /// 判断是否想到 
  /// </summary> 
  /// <param name="value">value的值实际上是model提交的model类</param> 
  /// <returns></returns> 
  public override bool isvalid(object value) 
  { 
   propertydescriptorcollection properties = typedescriptor.getproperties(value); 
   object originalvalue = properties.find(pwd, true ).getvalue(value);//获取密码 
   object confirmvalue = properties.find(confirmpwd, true).getvalue(value);//获取确认密码的值 
   return object.equals(originalvalue, confirmvalue); 
 
  } 
 }

前台页面代码

<%@ page language="c#" inherits="system.web.mvc.viewpage<mvclogin.models.registermodel>" %> 
 
<!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"> 
 
<html xmlns="http://www.w3.org/1999/xhtml" > 
<head runat="server"> 
 <title>注册页面</title> 
 <script type="text/javascript" src="../../scripts/jquery-1.4.1-vsdoc.js"></script> 
 <script type="text/javascript" src="../../scripts/jquery.validate.js"></script> 
 <script type="text/javascript"> 
//  $().ready(function () { 
//   $("#form1").validate( 
//  { 
//   rules: 
//   { 
//    username: 
//    { 
//     required: true 
//    }, 
//    userpwd: 
//    { 
//     required: true, 
//     minlength: 6 
//    }, 
//    confirpwd: 
//    { 
//     required: true, 
//     minlength: 6, 
//     equalto: "#userpwd" 
 
//    }, 
//    email: 
//    { 
//     email: true 
//    } 
 
//   }, 
//   messages: 
//   { 
//    username: 
//    { 
//     required: "<span style='color:red'>用户名不能为空! </span>" 
//    }, 
 
//    userpwd: 
//    { 
//     required: "<span style='color:red'>密码不能为空!</span>", 
//     minlength: jquery.format("<span style='color:red'>密码长度不能小于{0}个字符!</span>") 
//    }, 
//    confirpwd: 
//    { 
//     required: "<span style='color:red'>确认密码不能为空!<span>", 
//     minlength: jquery.format("确认密码长度不能小于{0}个字符!"), 
//     equalto: "<span style='color:red'>两次输入密码不一致!</span>" 
 
//    }, 
//    email: 
//    { 
//     email: "<span style='color:red'>邮箱输入格式不正确!</span>" 
//    } 
//   }, 
//   onkeyup: false 
//  }); 
 
//  }); 
 </script> 
</head> 
<body> 
 <div> 
 <br /> 
 
 <p style="font-size:12px;color:red"> 
 
 <%if (viewdata["msg"] != null) 
  {%> 
 <%:viewdata["msg"]%> 
 <%} %> 
 </p> 
 <br /> 
 <p> 
  <%:html.validationsummary(true,"用户创建失败!") %> 
 </p> 
 <%html.beginform("register", "user", formmethod.post, new { name="form1",id="form1"}) ; %> 
 
 
  <table> 
   <tr> 
    <td><%: html.labelfor(m => m.username) %></td> 
    <td> <%: html.textboxfor(m => m.username) %></td> 
    <td><%:html.validationmessagefor(m=>m.username) %></td> 
   </tr> 
 
    <tr> 
    <td> <%: html.labelfor(m => m.userpwd) %></td> 
    <td> <%: html.passwordfor(m => m.userpwd) %></td> 
    <td><%:html.validationmessagefor(m=>m.userpwd) %></td> 
   </tr> 
 
    <tr> 
    <td> <%: html.labelfor(m => m.confirpwd) %></td> 
    <td> <%: html.passwordfor(m => m.confirpwd)%></td> 
    <td><%:html.validationmessagefor(m=>m.confirpwd) %></td> 
   </tr> 
 
    <tr> 
    <td> <%: html.labelfor(m => m.email) %></td> 
    <td> <%: html.textboxfor(m => m.email) %></td> 
    <td><%:html.validationmessagefor(m=>m.email) %></td> 
   </tr> 
 
    <tr> 
    <td> <input type="submit" value="提交" /></td> 
    <td></td> 
    <td></td> 
   </tr> 
 
 
  </table> 
 
 
 
 <%html.endform(); %> 
  
 </div> 
</body> 
</html>

controller代码

/// <summary> 
 /// 注册提交 
 /// </summary> 
 /// <param name="model"></param> 
 /// <returns></returns> 
 [httppost] 
 public actionresult register(models.registermodel model) 
 { 
  if (modelstate.isvalid) 
  { 
   //验证通过 
   bool result = false; 
   if (!new models.sqlhelper().existuser(model)) 
   { 
    result = new models.sqlhelper().adduser(model); 
   } 
 
   if (result) 
   { 
    //添加成功转向主页 
    formsservice.signin(model.username, false); 
    return redirecttoaction("index"); 
   } 
   else 
   { 
    //返回注册页面 
    viewdata["msg"] = "添加用户失败"; 
    return view(model); 
   } 
 
  } 
  else 
  { 
   //验证不通过 
   //返回注册页面 
   viewdata["msg"] = "添加用户失败"; 
   return view(model); 
  } 
 }

以上就是asp.mvc 2.0用户服务器验证实例的实现全过程，希望大家可以结合上一篇客户端验证进行练习，希望这篇文章可以更好地帮助大家掌握asp.mvc 2.0验证功能。

您可能感兴趣的文章:

如对本文有疑问，请在下面进行留言讨论，广大热心网友会与你互动！！ 点击进行留言回复

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网