表单的验证

一：jQuery验证

1.必填检查    2.范围检查   3.比较验证    4.格式验证   5.特验证

二：jQuery得插件验证

1.步骤

1.引入jQuery脚本：<script src="~/Scripts/jquery-3.4.1.min.js"></script>

2.引入jQuery插件脚本

 unblur:失去焦点的时候触发

<script src="~/Scripts/jquery.validate.js"></script>
<script src="~/Scripts/jquery.validate-vsdoc.js"></script>
<script src="~/Scripts/jquery.validate.min.js"></script>
<script src="~/Scripts/jquery.validate.unobtrusive.js"></script>
<script src="~/Scripts/jquery.validate.unobtrusive.min.js"></script>

非空验证：required  相等比较：equalTo

3.使用jQuery插件完成验

二：模型注解验证

MVC的内置六大数据验证特性       using System.ComponentModel.DataAnnotations在模型当中引用

Required：[Required]必填，如联系方式必填

StringLength：[StringLength(10)]验证长度，如验证密码必须为6位

RegularExpression：[RegularExpression(@"[A-Za-z0-9._%+-]+@[A-Za-z0-9.-]+\.[A-Za-z]{2,4}")]指定规则验证，如验证邮箱格式

Range：[Range(10,20)]验证范围，如验证人的年龄为1-30之间

Compare：[Compare("myotherpspp")]验证比较，如验证两次输入的密码是否匹配

Remote：验证回调验证，如验证数据中重复姓名

Dispaly:[Display(name="用户名")]

 

 

 例子：

第一步：在Model里面创建一个类UserInfo类

 

 

 第一步：在index里面编写前端页面

 

 

 第三步：在HomeControll里面获取前端的值

 

 

 效果图：

 

 

 

 

 

 

 

 

0232重庆地区2