validate.unobtrusive.js驗(yàn)證

以下是關(guān)于C#.net的mvc架構(gòu)中使用validate.unobtrusive.js的表單驗(yàn)證個(gè)人實(shí)踐，省去了大量的js代碼驗(yàn)證，

對(duì)于簡單的提交表單還是很好的，個(gè)人感覺這種驗(yàn)證的理念還是不錯(cuò)的。下面就具體介紹一下使用的步驟：

1、在webconfig的<appSettings>節(jié)中設(shè)置驗(yàn)證key，開啟驗(yàn)證：

    <add key="ClientValidationEnabled" value="true"/>  <add key="UnobtrusivejavaScr
2、在model中設(shè)置字段的驗(yàn)證屬性，例如：
  /// <summary>
    /// 會(huì)員賬號(hào)
    /// </summary>
    [Required(ErrorMessage = "賬號(hào)不能為空！")]
    [StringLength(50, ErrorMessage = "賬號(hào)長度應(yīng)為1-50個(gè)字符！", MinimumLength = 1)]
    [RegularEx
    [Remote("checkAccount", "signUp", ErrorMessage = "賬號(hào)已存在，換個(gè)吧！")]
    public string UserAccount { get; set; }
/// <summary>        /// 會(huì)員真實(shí)姓名        /// </summary>        [Required(ErrorMessage = "姓名不能為空！")]        [StringLength(30, ErrorMessage = "姓名長度應(yīng)為1-30個(gè)字符！", MinimumLength = 1)]        public string TrueName { get; set; }
   
3、在view中引用js:
<script src="@Url.Content("~/Scripts/jquery-1.5.1.min.js")" type="text/Javascript"></script> 
  <script src="@Url.Content("~/Scripts/jquery.validate.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")" type="text/javascript"></script>
注意我用的這個(gè)驗(yàn)證插件，jquery目前貌似只能引用1.4--1.5.1,高版本的如1.7以上驗(yàn)證會(huì)失效
4、html代碼如下：
@using (Html.BeginForm())
    {
      @Html.ValidationSummary(true)
      <table>
<tr>
              <td class="left"><span class="must">*</span>用戶姓名：</td>
              <td>
               @Html.TextBoxFor(m => m.TrueName, new { @class = "Box Raster_20"})
              </td>
              <td>
               @Html.ValidationMessageFor(m => m.TrueName)
              </td>
            </tr>
</table>
       <input type="submit" value="保存" class="Btn BtnYe90" >
}
就寫這么多吧!!!