zoukankan      html  css  js  c++  java
  • 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 = "密码不能为空")]定义

    三,浏览后验证效果

  • 相关阅读:
    JavaScript+运算符总结
    【总结】HTMl5的sessionStorage和localStorage
    移动H5前端性能优化指南(转自ISUX)
    最新个人H5游戏大作——《择花的少女》
    类似天猫那样的侧边导航栏的快速实现
    JQuery实现banner图片的轮播效果
    实现数字电视机顶盒画面的纯键盘和遥控操作网页
    广播的动态静态注册
    Activity 与 fragment 生命周期
    activitycollector
  • 原文地址:https://www.cnblogs.com/May-day/p/5359278.html
Copyright © 2011-2022 走看看