这篇文章主要为大家详细介绍了ASP.NET MVC5验证系列之客户端验证，感兴趣的小伙伴们可以参考一下
前面学习了，服务端验证，这篇文章中，我们接着学习客户端验证，客户端的验证，使用Jquery和Jquery插件来实现【jquery.validate.min.js and jquery.validate.unobtrusive.min.js) 】
在服务端验证中，页面必须要提交到服务器，进行验证，如果数据验证不通过，服务器端就会发送一个响应到客户端，然后客户端根据相应的信息，进行处理；而客户端验证则不同，用户输入的数据，只要一提交，客户端就会进行先验证，如果不通过就报错，不会提交到服务器进行验证，如果通过了，才会把请求传到服务器端。
如果你是使用VS2012以上的版本，那么会自带的启用了客户端验证的：【当然你也可以手动添加下面的配置。】
我们还是之前的项目：
using System; using System.Collections.Generic; using System.ComponentModel.DataAnnotations; using System.Linq; using System.Web; namespace Server_Side_Validation_IN_MVC.Models { public class StudentServer<div style="color:transparent">来源gaodai.ma#com搞#代!码网</div> { [Required(ErrorMessage="Name为必填项")] public string Name { get; set; } [Required(ErrorMessage="电子邮件必须")] [EmailAddress(ErrorMessage="电子邮件格式不对")] public string Email { get; set; } } }
public ActionResult SeverSideIndex() { return View(); } [HttpPost] public ActionResult SeverSideIndex(StudentServer model) { if (ModelState.IsValid) { ViewBag.Name = model.Name; ViewBag.Email = model.Email; } return View(); }
不同的是，这里，我添加视图，不一样：
注意这里一定要勾选引用脚本库，也就是引入Jquery和Jquery插件，这样才能进行客户端验证：
修改一下默认路由：
public static void RegisterRoutes(RouteCollection routes) { routes.IgnoreRoute("{resource}.axd/{*pathInfo}"); routes.MapRoute( name: "Default", url: "{controller}/{action}/{id}", defaults: new { controller = "Student", action = "SeverSideIndex", id = UrlParameter.Optional } ); }
运行项目：
我们在控制器的POST方法中添加一个断点
直接点击按钮：没有调用POST方法，直接在客户端验证了数据的合法性。
输入合法的数据：
断点触发了，也就是说，在客户端验证通过之后，才会提交到服务器进行进一步处理。
好了，这就是客户端验证，比较简单。但注意要引入Jquery插件
以上就是ASP.NET MVC5验证系列之客户端验证的详细内容，更多请关注gaodaima搞代码网其它相关文章！
搞代码网（gaodaima.com）提供的所有资源部分来自互联网，如果有侵犯您的版权或其他权益，请说明详细缘由并提供版权或权益证明然后发送到邮箱[email protected]，我们会在看到邮件的第一时间内为您处理，或直接联系QQ：872152909。本网站采用BY-NC-SA协议进行授权
转载请注明原文链接：ASP.NET MVC5验证系列之客户端验证
转载请注明原文链接：ASP.NET MVC5验证系列之客户端验证
