一,表单验证
两种验证方式
1,前端验证(次要的验证)
2,后端验证(非常总要的验证)
验证的类型
1,必填验证
2,范围验证
3,比较验证
4,格式验证
5,特殊验证
下面我们进行客户端验证讲解
1,客户端的验证主要需要使用JQuery向表单添加验证功能
那么什么是JQuery?
JQuery的语法引用表单元素的方式是通过ID,function 方法 代表这是JQuery的方法,元素对JS脚本的调用,使用的是函数。
必填验证
return true 代表跳转
return false 代表不跳转
$("form").bind("submit",checkForm) 提交表单之前执行表单验证函数
比较验证
$("#id1").val()!=$("#id1").val()
$("#id1").val()=="" 为空
插件验证
服务器端验证(模型注解验证)
ASP.NET MVC框架提供了数据验证的API,这就是模型数据注解或者说是模型元数据
数据验证API
Compare 比较验证
Range 范围验证
RegularEzpression 正则表达式
Required 必填验证
StringLength 字符串长度
范围验证
必填验证
格式验证
@HTML.validation 提示框
@HTML.TextBox() 输入框
后端验证
在Models模型文件里面数据库文件中对表中需要验证的数据进行判断
eg
public partial class Employee
{
public int EmployeeID { get; set; }
[StringLength(3,ErrorMessage ="你输入的名字超出了长度!")]
[Required(ErrorMessage ="你输入的名字为空")]
public string Name { get; set; }
public string Gender { get; set; }
public Nullable<System.DateTime> Birthday { get; set; }
public string RankID { get; set; }
public Nullable<decimal> Salary { get; set; }
[Required(ErrorMessage = "你输入的地址为空")]
public string Address { get; set; }
public string Country { get; set; }
public Nullable<int> DeptID { get; set; }
public string imgUrl { get; set; }
[Required(ErrorMessage = "你输入的点击量为空")]
[Range(1,50,ErrorMessage ="你输入的点击量超出了范围")]
public Nullable<int> hit { get; set; }
public Nullable<int> status { get; set; }
public virtual Rank Rank { get; set; }
public virtual Dept Dept { get; set; }
}
一般验证写在需要验证数据的上方。
Range()代表范围验证,第一个参数是最低值,第二个参数最高值,第三个参数超出值的提示
Required()代表必填验证,当你没有输入值的时候就会跳出ErrorMessage的内容
二,路由
MVC【路由】
1,路由就是URL访问页面的方式
2,路由定义URL的访问规则
3,路由的配置文件默认在App_Start文件夹中,RouteConfig.cs 文件
4,下面看看配置文件里面的一些参数的含义
routes.IgnoreRoute(“参数”); 这个方法表示不通过路由处理的网址,也就是说这种URL将不匹配任何路由规则
5,routes.MapRoute(参数)方法定义路由
1)name定义路由的名字
2)url定义URL的模式(路径访问模式),默认的路由片段和参数分别是控制器,操作方法,id。其中id为可选参数。
我们可以通过它修改路径访问方式。
3)defaults定义路由参数的默认值,如果输入的URL不匹配URL模式的定义,系统就会自动调用这段代码定义的默认设置
三,后台弹窗
Response.Write(“”);
这个方法要写入js标签,表示里面的内容是JavaScript代码