1. ClientValidationEnabled

    在asp.net mvc 5中ClientValidationEnabled默认为TRUE，所以也不需要刻意去设置

  2. 应用ValidationAttribute

    这里使用内置的RequiredAttribute来演示

    1. public class Book
    2.     {
    3.         [Required(ErrorMessage = "BookID Is Required")]
    4.         public string BookID { get; set; }
    5.  
    6.         public string Title { get; set; }
    7.  
    8.         public string Date { get; set; }
    9.     }
  3. 引用相关JQuery 
    1. <script src="~/Scripts/jquery-1.10.2.js"></script>
    2. <script src="~/Scripts/jquery.validate.js"></script>
    3. <script src="~/Scripts/jquery.validate.unobtrusive.js"></script>
  4. 在View中显示错误消息 
    1.    @Html.ValidationSummary()
    2.    @Html.ValidationMessageFor(o => o.BookID)
  5. DOMReady中设置validate
  1. <script type="text/javascript">
  2.        $(function () {
  3.            $("form").validate();
  4.        });
  5.     </script>

客户端view总览

  1. <html>
  2. <head>
  3.     <meta name="viewport" content="width=device-width" />
  4.     <title>View</title>
  5.     <script src="~/Scripts/jquery-1.10.2.js"></script>
  6.     <script src="~/Scripts/jquery.validate.js"></script>
  7.     <script src="~/Scripts/jquery.validate.unobtrusive.js"></script>
  8.    <script type="text/javascript">
  9.        $(function () {
  10.            $("form").validate();
  11.        });
  12.     </script>
  13. </head>
  14. <body>
  15.     <form  action="/Home/ShowBook" method="POST">
  16.      @Html.ValidationSummary()
  17.         @Html.ValidationMessageFor(o => o.BookID)
  18.  
  19.         BookID   @Html.EditorFor(o => o.BookID)
  20.  
  21.         Title
  22.         @Html.EditorFor(o => o.Title,new { @value= "WCF解密" })
  23.         Day     <input id="Day" name="Day" value="12" type="text" />
  24.         Month   <input id="Month" name="Month" value="12" type="text" />
  25.         Year    <input id="Year" name="Year" value="2016" type="text" />
  26.  
  27.         <input id="Submit" type="Submit" value="Submit" />
  28.     </form>
  29. </body>
  30. </html>

在这个例子中当你提交表单的时候，会验证客户端的数据是否符合validationAttribute的设置，如果不满足条件则显示错误提示

ASP.NET MVC 5 Jquery Validate的更多相关文章

  1. ASP.NET MVC使用jQuery来POST数据至数据库中

    学习ASP.NET MVC程序,结合jQuery客户端代码,Post数据至数据库去.Insus.NET今天写一个完整性的例子. 在数据库中,创建一个表[dbo].[TestUser]: 既然是把数据存 ...

  2. ASP.NET MVC使用jQuery实现Autocomplete

    Insus.NET的以前的ASP.NET MVC的练习中,也有实现过Autocomplete的功能.依次是使用jQuery来实现. 首先在数据库准备一些数据: CREATE TABLE [dbo].[ ...

  3. ASP.NET MVC使用jQuery无刷新上传

    昨晚网友有下载了一个jQuery无刷新上传的小功能,他尝试搬至ASP.NET MVC应用程序中去,在上传死活无效果.Insus.NET使用Teamviewer远程桌面,操作一下,果真是有问题.网友是说 ...

  4. ASP.NET MVC和jQuery DataTable整合

    本文包含代码示例说明如何jQuery插件开发者可以集成到ASP.NET MVC应用程序. 下载源代码- 87.4 KB Introduction The jQuery DataTables plug- ...

  5. asp.net mvc 接收jquery ajax发送的数组对象

    <script type="text/javascript"> $(function () { var obj = { name: "军需品", m ...

  6. MVC中 jquery validate 不用submit方式验证表单或单个元素

    <script src="/Scripts/jquery-1.4.4.js"></script> <script src="/Scripts ...

  7. ASP.NET MVC中jQuery与angularjs混合应用传参并绑定数据

    要求是这样子的,在一个列表页中,用户点击详细铵钮,带记录的主键值至另一页.在另一外页中,获取记录数据,然后显示此记录数据在网页上. 先用动图演示: 昨天有分享为ng-click传递参数 <ang ...

  8. mvc配合jquery.validate验证失效,情况之一

    用viewbage绑定input空间的value值,通过submit提交.validate验证失效. 1.应该是mvc的渲染顺序导致js验证失败. 解决方案:改用mvc自带的@html辅助方法,生成文 ...

  9. ASP.NET MVC验证 - jQuery异步验证

    本文主要体验通过jQuery异步验证. 在很多的教材和案例中,MVC验证都是通过提交表单进行的.通过提交表单,可以很容易获得验证出错信息.因为,无论是客户端验证还是服务端验证,总能找到与Model属性 ...

随机推荐

  1. C++远征之封装篇(下)

    对象数组 类 x1[]; 栈中实例化,不用delete. 类 *X=new X[];//在堆中实例化,结尾需要用delete删除 delete []X; //这是数组的删除形式 X=NULL;

  2. Backbone.js应用基础

    前言: Backbone.js是一款JavaScript MVC应用框架,强制依赖于一个实用型js库underscore.js,非强制依赖于jquery:其主要组件有模型,视图,集合,路由:与后台的交 ...

  3. 客户端Socket

    导语 java.net.Socket类是JAVA完成客户端TCP操作的基础类.其他建立TCP网络连接的类(如URL,URLConnection和EditorPane)最终会调用这个类的方法.这个类本身 ...

  4. 时间格式转换—将后台返回的/Date(1448954018000)/格式转换为正常的时间格式

    用JS实现方法: function ChangeDateFormat(cellval) { )); < ? ) : date.getMonth() + ; ? " + date.get ...

  5. Gulp：自动化构建工具

    一.介绍: gulp是一个基于流的构建工具,可以自动执行指定的任务,简洁且高效 二.优点: 开发环境下,想要能够按模块组织代码,监听实时变化 css/js预编译,postcss等方案,浏览器前缀自动补 ...

  6. 扩展欧几里得 exGCD

    Elementary Number Theory - Extended Euclid Algorithm Time Limit : 1 sec, Memory Limit : 65536 KB Jap ...

  7. 北京培训记day3

    网络流 一.基础知识点: [容量网络] 图G(V,E)为有向网络,在V中指定一个源点和一个汇点,流量从源点出发经过有向网络流向汇点.对于每一条有向边有权值C,称作弧的容量.有向边称为弧.这样的有向网络 ...

  8. CodeForces - 453A Little Pony and Expected Maximum

    http://codeforces.com/problemset/problem/453/A 题目大意: 给定一个m面的筛子,求掷n次后,得到的最大的点数的期望 题解 设f[i]表示掷出 <= ...

  9. 教你开发jQuery插件（转）

    教你开发jQuery插件(转) 阅读目录 基本方法 支持链式调用 让插件接收参数 面向对象的插件开发 关于命名空间 关于变量定义及命名 压缩的好处 工具 GitHub Service Hook 原文: ...

  10. R语言获取数据类型信息的一些有用函数

    向量.因子.时间序列x[i]:  矩阵.数据框x[i, j] x[i, ] x[, j]:  数组就是根据维度多打几个逗号而已x[i, j, k, -]:  列表要用双重中括号x[[i]].  特殊的 ...