MVC学习Day02之校验
2015-10-27 16:05
369 查看
MVC校验有两种方法:
方法一:自己动手写js---------略
方法二:
l在View的页面中,首先指定页面强类型@model 类型
l使用Html.***For(model=>model.Property)生成表单,这些表单元素中就会包含校验规则属性
l引用jquery、jquery校验、jquery隐式校验3个组件
l通过Html.EnableClientValidation(true);控制客户端验证的启用与禁用(mvc3中自动开启)
l使用Html.ValidationMessageFor(…)显示校验信息,也可以使用Html.ValidationSummary()统一显示
l点击提交按钮转到后台Action,使用ModelState.IsValid判断前台验证是否成功,如果返回true表示验证成功
准备工作----导入三个必备的js包
<script src="~/Scripts/jquery-1.7.1.min.js"></script>
<script src="~/Scripts/jquery.validate.js"></script>
<script src="~/Scripts/jquery.validate.unobtrusive.js"></script>
验证方式:
在Model中创建类型,用于在View中作为强类型页面的类型
.NET 框架中System.ComponentModel.DataAnnotations命名空间包括了众多可用的内置验证特性,用于修饰属性,常用的四个如下:
•[Required]--非空验证
•[StringLength]---字符长度验证
•[Range]--范围验证
•[RegularExpression]--正则表达式验证
•属性ErrorMessage:指定错误提示信息
注:提示信息要在实体类中的属性中写
例题:
实体类中也要绑定好属性--一般在属性之上写
方法一:自己动手写js---------略
方法二:
l在View的页面中,首先指定页面强类型@model 类型
l使用Html.***For(model=>model.Property)生成表单,这些表单元素中就会包含校验规则属性
l引用jquery、jquery校验、jquery隐式校验3个组件
l通过Html.EnableClientValidation(true);控制客户端验证的启用与禁用(mvc3中自动开启)
l使用Html.ValidationMessageFor(…)显示校验信息,也可以使用Html.ValidationSummary()统一显示
l点击提交按钮转到后台Action,使用ModelState.IsValid判断前台验证是否成功,如果返回true表示验证成功
准备工作----导入三个必备的js包
<script src="~/Scripts/jquery-1.7.1.min.js"></script>
<script src="~/Scripts/jquery.validate.js"></script>
<script src="~/Scripts/jquery.validate.unobtrusive.js"></script>
验证方式:
在Model中创建类型,用于在View中作为强类型页面的类型
.NET 框架中System.ComponentModel.DataAnnotations命名空间包括了众多可用的内置验证特性,用于修饰属性,常用的四个如下:
•[Required]--非空验证
•[StringLength]---字符长度验证
•[Range]--范围验证
•[RegularExpression]--正则表达式验证
•属性ErrorMessage:指定错误提示信息
注:提示信息要在实体类中的属性中写
例题:
<head> <meta name="viewport" content="width=device-width" /> <title>Person</title> <script src="~/Scripts/jquery-1.7.1.min.js"></script> <script src="~/Scripts/jquery.validate.js"></script> <script src="~/Scripts/jquery.validate.unobtrusive.js"></script> </head> <body> <div> @using (Html.BeginForm("Index", "Home", FormMethod.Post)) { @:姓名:@Html.TextBoxFor(p=>p.Name) @Html.ValidationMessageFor(p=>p.Name)//一定记住绑定确认信息,要不然不显示,建议在文本框之后写,这样提示信息也会在文本框之后显示 <br /> @:年龄:@Html.TextBoxFor(p=>p.Age) @Html.ValidationMessageFor(p=>p.Age) <br /> <input type="submit" /> } </div> </body>
实体类中也要绑定好属性--一般在属性之上写
public class Person { [Required(ErrorMessage="<span style='color:red'>*姓名不能为空</span>")] [StringLength(6, ErrorMessage = "<span style='color:red'>名字长度不能超过六位</span>")] public string Name { get; set; } [Required(ErrorMessage = "<span style='color:red'>*年龄不能为空</span>")] [Range(18, 160, ErrorMessage = "<span style='color:red'>*年龄需在18-160之间</span>")] public int Age { get; set; } }
相关文章推荐
- 041.extension 类的拓展
- 批处理bat schtasks 启动远程应用
- Java 枚举的详细说明
- Ugly Number
- CI 验证码辅助函数
- winscp中文乱码
- 在一个新建文件夹下初始化Git并下载代码的命令
- android 广告栏 viewpager
- Codeforces 591 B Rebranding【Codeforces Round #327 (Div. 2)】
- 20135234马启扬-——信息安全系统设计基础第七周学习总结
- 服务器租用如何选择
- android .9.png ”点九” 图片制作方法
- 删除链表中倒数第n个节点(LintCode)
- 小区IPTV新方案
- Region Proposal Networks
- 043.@protocol 正式协议
- js typeof
- jQuery学习之旅 Item5 $与jQuery对象
- vim 查找替换总结
- ubuntu14.4设置vi编辑器显示行号和代码颜色