zoukankan      html  css  js  c++  java
  • Mvc项目实例 MvcMusicStore 五

    Mvc项目实例 MvcMusicStore 一
    Mvc项目实例 MvcMusicStore 二
    Mvc项目实例 MvcMusicStore 三
    Mvc项目实例 MvcMusicStore 四
    Mvc项目实例 MvcMusicStore 五

    Mvc项目实例 MvcMusicStore 五

    关于数据验证

    验证方法可使用两种方式

    1.asp.net MVC的验证 (服务器端+客户端) 和asp.net2.0中类似

    2.通过jquery框架 (具体可去webcast[http://msdnwebcast.net/] 上下载 赵劼 的mvc验证视频讲座

    这里我简单演示下第一中.  它是难过类的属性标签来实现的。 比如Album类中

    第一步 .在Model 中创建部分类 Album  并设置其标签属性  MetadataType  为 typeof(AlbumMetaData)

    [MetadataType(typeof(AlbumMetaData))]
    public partial class Album  //此类与EF生成的类名字要一致

    {

    }

    第二步,创建类AlbumMetaData (此类和上面的类在一个文件也可以,不在一个文件也可以)

    public class AlbumMetaData
    {
    [ScaffoldColumn(false)]
    public object AlbumId { get; set; }

    [DisplayName("Genre")]
    public object GenreId { get; set; }

    [DisplayName("Artist")]
    public object ArtistId { get; set; }

    [Required(ErrorMessage = "An Album Title is required")]  //这里设置为必填字段
    [StringLength(160)]
    public object Title { get; set; }

    [DisplayName("Album Art URL")]
    [StringLength(1024)]
    public object AlbumArtUrl { get; set; }

    [Required(ErrorMessage = "Price is required")]
    [Range(0.01, 100.00, ErrorMessage="Price must be between 0.01 and 100.00")]
    public object Price { get; set; }
    }

    第三步页面使用

    在View层中 Form表单开始前添加下面的代码

    1.引入js

    <script src="../../Scripts/MicrosoftMvcAjax.js" type="text/javascript"></script>
    <script src="../../Scripts/MicrosoftMvcValidation.js" type="text/javascript"></script>

    2.启用页面js验证    

    <% Html.EnableClientValidation(); %>

    编译运行后,即可看到验证效果

  • 相关阅读:
    Vue_使用v-model指令写的简易计算器
    Vue_v-for的四种用法示例
    bs4_加载顺序
    Vue_自定义指令
    Vue_v-for中key的使用注意事项
    Vue_指令
    bs4_card(卡片)
    Vue_过滤器
    Vue_生命周期函数
    selenium 文件上传
  • 原文地址:https://www.cnblogs.com/wenming205/p/3620579.html
Copyright © 2011-2022 走看看