一,在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 = "密码不能为空")]定义
三,浏览后验证效果