ValidationMessageFor驗證

一，在modle下的自己新建的PowerViewModel.cs下編輯錯誤顯示

public class PowerViewModel
    {
        [Required( ErrorMessage = "用戶名 不能為空。")]
        [Display(Name = "用戶名")]
        public string UserName { get; set; }

        [DataType(DataType.Password)]
        [Required(AllowEmptyStrings = false, ErrorMessage = "密碼不能為空")]
        [Display(Name = "密碼")]
        public string Password { get; set; }
}

二，在登錄頁面下寫客戶端驗證。也就是驗證輸入的有效性，在jquery.validate.js中的驗證。

  <div class="form-group">
        @Html.LabelFor(m => m.UserName, new { @class = "col-md-2 control-label" })
         <div class="col-md-10">
            @Html.TextBoxFor(m => m.UserName, new { @class = "form-control" })
           @Html.ValidationMessageFor(m => m.UserName)
         </div>
      </div>

     <div class="form-group">
       @Html.LabelFor(m => m.Password, new { @class = "col-md-2 control-label" })
         <div class="col-md-10">
           @Html.PasswordFor(m => m.Password, new { @class = "form-control" })
           @Html.ValidationMessageFor(m => m.Password)
         </div>
     </div>

這三個當中第一個是顯示[Display(Name = "用戶名")]定義的名字，

第二是textbox是文本框，是你自己輸入的內容

第三個就是客戶端驗證。也就是驗證輸入的有效性，在jquery.validate.js中的驗證。
該jquery.validate.js在<script src="<%: Url.Content("~/Scripts/jquery.validate.min.js") %>" type="text/javascript">這個中被包含了

驗證的規則和顯示信息在  [Required(AllowEmptyStrings = false, ErrorMessage = "密碼不能為空")]定義

 

三，瀏覽后驗證效果