jquery.validate.unobtrusive.js插件作用
2016-10-21 16:26
183 查看
在 ASP.NET MVC 中启用 Unobtrusive JavaScript 功能,可以在运行时由服务器端根据Model中设置的验证规则,自动生成客户端验证js代码(结合jquery.validate)。这很好地解决了表单验证时一次代码,两次验证(客户端+服务器端)的问题。
使用它很简单,主要操作步骤如下:
1. 在web.config增加如下设置:
2. 在NuGet中引用jquery.validate与jquery.validate.unobtrusive
3. 在页面中添加js引用:
4. 在model中添加验证规则,示例代码如下:
5. 在页面中添加表单生成代码,比如:
Unobtrusive JavaScript 的好处显而易见,但是如何在MVC3使用Unobtrusive JavaScript呢?
这里是一个全局设置,你可以打开或者关闭。
另外,你也可以在任何一个 Action 或 Controller 中执行以下代码,灵活地进行控制,来处理一些特殊的 Action 或 Controller。
链接:http://www.cnblogs.com/dudu/archive/2012/04/27/jquery_validate_unobtrusive_focusout_focusin.html
http://www.cnblogs.com/dozer/archive/2010/11/11/Unobtrusive-JavaScript-in-ASP-NET-MVC-3.html
使用它很简单,主要操作步骤如下:
1. 在web.config增加如下设置:
<appSettings> <add key="ClientValidationEnabled" value="true"/> <add key="UnobtrusiveJavaScriptEnabled" value="true"/> </appSettings>
2. 在NuGet中引用jquery.validate与jquery.validate.unobtrusive
3. 在页面中添加js引用:
<script type="text/javascript" src="/scripts/jquery.validate.min.js"></script> <script src="/scripts/jquery.validate.unobtrusive.min.js" type="text/javascript"></script>
4. 在model中添加验证规则,示例代码如下:
public class SignupUser { [Required(ErrorMessageResourceName = "DefaultRequireErrorMsg", ErrorMessageResourceType = typeof(Resources))] [DataType(DataType.EmailAddress)] public string Email { get; set; } }
5. 在页面中添加表单生成代码,比如:
@using(Html.BeginForm()) { @Html.LabelFor(m=>m.Email) @Html.TextBoxFor(m=>m.Email) @Html.ValidationMessageFor(m=>m.Email) }
Unobtrusive JavaScript 的好处显而易见,但是如何在MVC3使用Unobtrusive JavaScript呢?
1、引用相应的Javascript文件
2、开启 Unobtrusive JavaScript
MVC3中的Web.Config文件中默认多了两个配置项这里是一个全局设置,你可以打开或者关闭。
另外,你也可以在任何一个 Action 或 Controller 中执行以下代码,灵活地进行控制,来处理一些特殊的 Action 或 Controller。
http://www.cnblogs.com/dozer/archive/2010/11/11/Unobtrusive-JavaScript-in-ASP-NET-MVC-3.html
相关文章推荐
- KISSYUI的表单前端js验证和JQuery扩展插件Validate
- jQuery验证控件jquery.validate.js+jquery.validate.unobtrusive.js的用法
- 表单验证代码实例:jquery.validate.js表单验证插件
- jquery.validate.js插件使用经验记录
- jQuery插件 -- 表单验证插件jquery.validate.js, jquery.metadata.js
- jQuery.validate.js插件使用(struts2的整合)
- aspx中的表单验证 jquery.validate.js 的使用 以及 jquery.validate相关扩展验证(Jquery表单提交验证插件)
- jquery.validate.js插件使用简单说明
- 插件—jquery.validate.js
- jquery.validate.js插件的用法
- jQuery.validate.js插件使用(struts2的整合)
- 改写jquery.validate.unobtrusive.js实现气泡提示mvc错误
- jQuery插件 -- 表单验证插件jquery.validate.js
- jQuery插件 -- 表单验证插件jquery.validate.js
- jquery的验证插件jquery.validate.js使用总结
- jquery.validate.unobtrusive.js 添加扩展方法
- jQuery validate 根据 asp.net MVC的验证提取简单快捷的验证方式(jquery.validate.unobtrusive.js)
- jQuery插件 -- 表单验证插件jquery.validate.js
- 表单验证插件jquery.validate.js
- jQuery插件 -- 表单验证插件 jQuery.validate.js