验证错误信息jquery validation

题记：写这篇博客要主是加深自己对验证错误信息的认识和总结实现算法时的一些验经和训教，如果有错误请指出，万分感谢。

单页面多表单的jquery 验证怎么办？想要添加自定义的验证函数怎么办？

不知道大家有没有做过在一个页面上多个表单进行不同数据的添加和更新操纵。通常我们都是通过Ajax的方法来提交这个表单的数据至服务器

第一：如果单个页面上有多个表单的话又须要给这些表单注册一些常用参数怎么办？

$("#Form1,#Form2").validate({
errorElement: "div", //错误信息的包装标签
wrapper: "li", //错误信息包装标签的父标签
onfocusout: false, //制止失去核心时验证
onkeyup: false, //制止按键时验证
errorClass: "ErrorMsg", //错误信息的class
onclick: false, //制止checkbox,radiobutton点击时验证
errorLabelContainer: $('#ErrorMsgContainer'), //包装全部error的容器
ignore: ".ignore"
});

以上方法貌似只能注册到第一个表单这个时候我们须要取巧

我一般是用一个each

$("form").each(function () {
$(this).validate({
errorElement: "div", //错误信息的包装标签
wrapper: "li", //错误信息包装标签的父标签
onfocusout: false, //制止失去核心时验证
onkeyup: false, //制止按键时验证
errorClass: "ErrorMsg", //错误信息的class
onclick: false, //制止checkbox,radiobutton点击时验证
errorLabelContainer: $('#ErrorMsgContainer'), //包装全部error的容器
ignore: ".ignore"
});
});

这样给每个表单注册。不然，如果采用第一种方法绝对只有第一个表单才会有效果。第二个表单是失效的

第二：自定义函数

jquery validation插件中供给了一个扩展方法。不管是remote还是针对一般的input的验证我们都可以使用这个扩展方法

每日一道理
即使青春是一枝娇艳的花，但我明白，一枝独放永远不是春天，春天该是万紫千红的世界。即使青春是一株大地伟岸的树，但我明白，一株独秀永远不是挺拔，成行成排的林木，才是遮风挡沙的绿色长城。即使青春是一叶大海孤高的帆，但我明白，一叶孤帆很难远航，千帆竞发才是大海的壮观。

View Code

 1 jQuery.validator.addMethod("rVerificationCode", function (value, element, param) {
 2 switch (element.nodeName.toLowerCase()) {
 3 case 'select':
 4 var options = $("option:selected", element);
 5 return options.length > 0 && (element.type == "select-multiple" || ($.browser.msie && !(options[0].attributes['value'].specified) ? options[0].text : options[0].value).length > 0);
 6 case 'input':
 7 if (this.checkable(element))
 8 return this.getLength(value, element) > 0;
 9 default:
10 return $.trim(value).length > 0;
11 }
12 }, $.format("Please enter the Verification Code."));

只要这么简单的几句话就可以搞定一个扩展函数。然后就可以在html中使用。我们后面说了metadata自定义属性。我们直接就把这个自定义函数放在validate="{rVerificationCode:true}"中就可以了。然后给表单注册一个验证事件就可以完善的实现效果

你可以把这些扩展函数独自放在一个js文件中引入

文章结束给大家分享下程序员的一些笑话语录：祝大家在以后的日子里. 男生象Oracle般健壮; 女生象win7般漂亮; 桃花运象IE中毒般频繁; 钱包如Gmail容量般壮大, 升职速度赶上微软打补丁，追女朋友像木马一样猖獗，生活像重装电脑后一样幸福，写程序敲代码和聊天一样有**。

验证错误信息jquery validation相关推荐

jQuery 表单验证插件，jQuery Validation Engine用法详解
jQuery 表单验证插件,jQuery Validation Engine用法详解功能强大的 jQuery 表单验证插件,适用于日常的 E-mail.电话号码.网址等验证及 Ajax 验证,除自身 ...
asp.net MVC 验证错误信息本地化
asp.net MVC 提供了模型验证的快捷方式,我在上一篇博客中有专门提到模型验证的类型以及如何自定义验证,这次我们来探讨一下模型验证信息如何本地化,活着直白点说如何在不同语言中显示不同的错误信息. ...
验证控件jQuery Validation Engine调用外部函数验证
在使用jQuery Validation Engine的时候,我们除了使用自带的API之外,还可以自己自定义正则验证.自定义正则验证上一篇已经讲过了,如果想使用自定义函数进行验证怎么办?其实这个控件有 ...
yii不能没有提示验证错误信息_安装Mac系统时提示”应用程序副本不能验证它在下载过程...”的解决方法...
在安装旧版本macOS系统时,比如macOS Mojave 10.14.macOS Sierra.OS X El Capitan.OS X Yosemite.OS X Mavericks等系统,会出现 ...
jQuery 表单验证插件jQuery Validation Engine用法详解
功能强大的 jQuery 表单验证插件,适用于日常的 E-mail.电话号码.网址等验证及 Ajax 验证,除自身拥有丰富的验证规则外,还可以添加自定义的验证规则. jQuery Validation ...
excel导入数据校验_Excel数据验证错误消息
excel导入数据校验 Do you like to use error checking in Excel, so that problem cells are flagged, or do you ...
JQuery 表单验证--jquery validation
jquery validation,表单验证控件官方地址 :http://jqueryvalidation.org/ jquery表单验证默认值校验规则 jquery表单验证默认的提示 1 &l ...
客户端验证：JQuery Validation Plugin
jQuery Validate验证框架详解 jQuery校验官网地址:http://bassistance.de/jquery-plugins/jquery-plugin-validation 一.导 ...
ajax 错误信息error,jquery ajax的error错误信息
项目开发中ajax的异常处理起来算是比较头疼的,因为是异步请求,所以即使ajax异常程序依然会继续执行,导致找ajax的异常比较麻烦. 今天处理ajax异常时搜到一篇文章,提到error可以返回aja ...

验证错误信息jquery validation

验证错误信息jquery validation相关推荐

最新文章

热门文章