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 = "密码不能为空")]定义

 

三，浏览后验证效果