程序師世界是廣大編程愛好者互助、分享、學習的平台,程序師世界有你更精彩!
首頁
編程語言
C語言|JAVA編程
Python編程
網頁編程
ASP編程|PHP編程
JSP編程
數據庫知識
MYSQL數據庫|SqlServer數據庫
Oracle數據庫|DB2數據庫
 程式師世界 >> 編程語言 >> .NET網頁編程 >> ASP.NET >> ASP.NET基礎 >> Asp.Mvc 2.0用戶服務器驗證實例講解(4)

Asp.Mvc 2.0用戶服務器驗證實例講解(4)

編輯:ASP.NET基礎

這一節給大家講解下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驗證功能。

  1. 上一頁:
  2. 下一頁:
Copyright © 程式師世界 All Rights Reserved