ASP.NET MVC 5验证系列客户验证
我了解了服务器端验证。在本文中,我们继续学习客户端验证和客户端验证,使用Jquery和Jquery插件实现[jQuery。validate.min.js和jquery . validate . introduction . min . js)]
在服务器身份验证中,页面必须提交给服务器进行身份验证。如果数据认证失败,服务器会向客户端发送响应,然后客户端根据相应的信息进行处理;客户端身份验证不同。一旦用户输入的数据被提交,客户端将首先验证它。如果失败,它将报告错误,并且不会提交给服务器进行验证。如果通过,请求将被传输到服务器。
如果使用VS2012以上的版本,将自带启用客户端身份验证:【当然也可以手动添加以下配置。】
configuration app settings addkey=' client validation enabled '值=' true'/addkey='不引人注目的javascriptenabled '值=' true '/app settings/configuration我们还是以前的项目:
使用系统;使用系统。集合。通用;使用系统。组件模型。数据注释;使用系统。Linq使用系统。Web命名空间server _ side _ validation _ in _ MVC . models { public class studentserver {[必选(error message=' Name is required ')]公共字符串Name { get设置;}[必选(错误消息='电子邮件必须')][电子邮件地址(错误消息='电子邮件格式错误')]公共字符串Email { get设置;} } } public action result sever side index(){ return View();}[httpset]public action result sever side index(学生服务器模型){ if (ModelState。IsValid){ viewpag。名称=型号。名称;视图包。电子邮件=模型。电子邮件;}返回视图();}不同的是,在这里,我添加了一个视图,这是不同的:
注意这里必须勾选引用脚本库,也就是引入Jquery和Jquery插件,这样可以进行客户端验证:修改默认路由:
公共静态无效注册路由(RouteCollection路由){ routes。忽略重路由(' {resource})。axd/{ * PathInfo } ');路线。MapRoute(name: 'Default ',URL :“{ controller }/{ action }/{ id }”,Default s 3360 new { controller=' Student ',action='SeverSideIndex ',id=UrlParameter。可选});}运行项目:
我们在控制器的POST方法中添加了一个断点
直接点击按钮:直接在客户端验证数据的有效性,无需调用POST方法。
输入合法数据:
断点被触发,也就是说,在客户端被验证之前,它不会被提交给服务器进行进一步的处理。
好了,这是客户端认证,比较简单。但是要小心引入Jquery插件
以上就是本文的全部内容。希望对大家的学习有帮助,支持我们。
版权声明:ASP.NET MVC 5验证系列客户验证是由宝哥软件园云端程序自动收集整理而来。如果本文侵犯了你的权益,请联系本站底部QQ或者邮箱删除。