.net MVC内置js验证 jquery.validate.unobtrusive.js重置验证操作(备忘,找了很多次了)

 1 (function ($) {
 2         $.validator.unobtrusive.parseDynamicContent = function (selector) {
 3             //use the normal unobstrusive.parse method
 4             //$.validator.unobtrusive.parse(selector); changed this line with
 5
 6             $(selector).find(‘*[data-val = true]‘).each(function () {
 7
 8                 $.validator.unobtrusive.parseElement(this, false);
 9             });
10
11             //get the relevant form
12             var form = $(selector).first().closest(‘form‘);
13
14             //get the collections of unobstrusive validators, and jquery validators
15             //and compare the two
16             var unobtrusiveValidation = form.data(‘unobtrusiveValidation‘);
17             var validator = form.validate();
18
19             $.each(unobtrusiveValidation.options.rules, function (elname, elrules) {
20                 if (validator.settings.rules[elname] == undefined) {
21                     var args = {};
22                     $.extend(args, elrules);
23                     args.messages = unobtrusiveValidation.options.messages[elname];
24                     $(‘[name="‘ + elname + ‘"]‘).rules("add", args);
25                 } else {
26                     $.each(elrules, function (rulename, data) {
27                         if (validator.settings.rules[elname][rulename] == undefined) {
28                             var args = {};
29                             args[rulename] = data;
30                             args.messages = unobtrusiveValidation.options.messages[elname][rulename];
31                             $(‘[name="‘ + elname + ‘"]‘).rules("add", args);
32                         }
33                     });
34                 }
35             });
36         }
37     })($);

使用场景: 需要动态增加需要验证的表单元素时使用。

代码添加方法:

首先增加代码段,在jquery.validate.unobtrusive.js文件中插入代码段

时间: 2024-10-13 12:30:04

.net MVC内置js验证 jquery.validate.unobtrusive.js重置验证操作(备忘,找了很多次了)的相关文章

ASP.NET MVC异步验证是如何工作的03,jquery.validate.unobtrusive.js是如何工作的

在上一篇"ASP.NET MVC异步验证是如何工作的02,异步验证表单元素的创建"中了解了ASP.NET异步验证是如何创建表单元素的,本篇体验jquery.validate.unobtrusive.js异步验证的全过程. 在jquery.validate.unobtrusive.js文件的尾部看到了如下的一个调用: $(function () { $jQval.unobtrusive.parse(document); }); 可见,通过把当前页的document对象传给$jQval.u

MVC的验证 jquery.validate.unobtrusive

jQuery validate 根据 asp.net MVC的验证提取简单快捷的验证方式(jquery.validate.unobtrusive.js) 2013-07-22 19:07 4568人阅读 评论(2) 收藏 举报 目录(?)[+] 最近在学习asp.netMVC,发现其中的验证方式书写方便快捷,应用简单,易学好懂. 验证方式基于jQuery的validate 验证方式,也可以说是对jQuery validate的验证方式的扩展,使其更简单易用. 应用 一.引入 <script sr

Uncaught TypeError: Cannot read property &#39;call&#39; of undefined jquery.validate.min.js:28

最近在做表单校验的时候,自己写的addMethod 方法老是不起作用,折腾了接近一天的时间.报的错误如下 Uncaught TypeError: Cannot read property 'call' of undefinedjquery.validate.min.js:28 先来看一下 我自己页面的布局. top.jsp 上面的截图为top.jsp的头部引用的表单校验jquery-1.6.js和jquery.validate.min.js 我来看我自己需要校验的那个页面的jsp布局(stepT

jquery.validate.unobtrusive的使用

应用 一.引入 <script src="Scripts/jquery-1.7.1.min.js"></script> <script src="Scripts/jquery.validate.js"></script> <script src="Scripts/jquery.validate.unobtrusive.js"></script> 二.1)在需要验证的input

ASP.NET MVC和WebForm 轻松实现前端和后端的双重验证 jquery.validate+ValidationSugar

上次不足的改进 可能上一个贴子给大家带来很多误解,所以我这次把DEMO完善了两个版本 [ASP.NET WEBFROM]和[ ASP.NET MVC] 修改了一些BUG,并且修改了一些细了 在上个贴子里有人说,看了response.write就全身不舒服,所以也就写了基于异步提交的例子 功能介绍 ValidationSugar.cs 负责后台验证和前端 form 元素的 验证 属性绑定 ValidationSugar.js 对 jquery.validate在进行了一个封装来负责前端的验证 注意

基于Jquery Validate 的表单验证

基于Jquery Validate 的表单验证 jquery.validate.js是jquery下的一个验证插件,运用此插件我们可以很便捷的对表单元素进行格式验证. 在讲述基于Jquery Validate的表单验证前,我们先回顾一下基础纯JS的表单验证. 1.回顾基于JS的表单验证 我们先写一个简单的验证邮箱.手机号的表单,页面代码如下: 1 <form action="XXXX.action" method="post" onsubmit="r

validate.unobtrusive.js验证

以下是关于C#.net的mvc架构中使用validate.unobtrusive.js的表单验证个人实践,省去了大量的js代码验证, 对于简单的提交表单还是很好的,个人感觉这种验证的理念还是不错的.下面就具体介绍一下使用的步骤: 1.在webconfig的<appSettings>节中设置验证key,开启验证: <add key="ClientValidationEnabled" value="true"/>    <add key=&

基于Bootstrap+jQuery.validate Form表单验证实践

项目结构 : github 上源码地址:https://github.com/starzou/front-end-example    点击打开 1.form 表单代码 [html] view plaincopy <!DOCTYPE html> <html> <head> <title>Bootstrap Form Template</title> <meta charset="utf-8" /> <meta

jquery.validate remote 和 自定义验证方法

jquery.validate remote 和 自定义验证方法 $(function(){ var validator = $("#enterRegForm").validate({debug:false, //调试模式取消submit的默认提交功能//errorClass: "error",//默认为错误的样式类为:error//validClass: "check",//验证成功后的样式,默认字符串validfocusInvalid: tr