一、运用

默认校验规则

()、required:true               必输字段
()、remote:"remote-valid.jsp" 使用ajax方法调用remote-valid.jsp验证输入值
()、email:true 必须输入正确格式的电子邮件
()、url:true 必须输入正确格式的网址
()、date:true 必须输入正确格式的日期,日期校验ie6出错,慎用
()、dateISO:true 必须输入正确格式的日期(ISO),例如:--,// 只验证格式,不验证有效性
()、number:true 必须输入合法的数字(负数,小数)
()、digits:true 必须输入整数
()、creditcard:true 必须输入合法的信用卡号
()、equalTo:"#password" 输入值必须和#password相同
()、accept: 输入拥有合法后缀名的字符串(上传文件的后缀)
()、maxlength: 输入长度最多是5的字符串(汉字算一个字符)
()、minlength: 输入长度最小是10的字符串(汉字算一个字符)
()、rangelength:[,] 输入长度必须介于 和 之间的字符串")(汉字算一个字符)
()、range:[,] 输入值必须介于 和 之间
()、max: 输入值不能大于5
()、min: 输入值不能小于10

原文:http://www.cnblogs.com/linjiqin/p/3431835.html(推荐-完整)

 异步验证

remote:URL
使用ajax方式进行验证,默认会提交当前验证的值到远程地址,如果需要提交其他的值,可以使用data选项

远程地址只能输出"true"或"false",不能有其它输出。

示例一:
remote: "check-email.php"
示例二:
remote: {
url: "check-email.php", //后台处理程序
type: "post", //数据发送方式
dataType: "json", //接受数据格式
data: { //要传递的数据
username: function() {
return $("#username").val();
}
}
}

MVC 后台

[HttpPost]
public ActionResult HasAccount(string account)
{
return Json(!AccountRule.Instance.HasAccount(account));//如果存在账号,返回false,不存在返回true
}

二、扩展

添加一个jquery.validate.ext.js

/*
* 验证扩展
*
*/
// jQuery.validator增加时间验证
jQuery.validator.addMethod("timeISO", function (value, element) {
if (this.optional(element)) return true;
try {
var strArray = value.split(" ");
var strDate = strArray[0].split("-");
var strTime = strArray[1].split(":");
var a = new Date(strDate[0], (strDate[1] - parseInt(1)), strDate[2], strTime[0], strTime[1], strTime[2]);
return a.getFullYear() > 0 && a.getMonth() > 0 && a.getDay() > 0;
} catch (e) { }
return false;
}, "请输入正确的时间!"); // jQuery.validator增加账号验证
jQuery.validator.addMethod("vaccount", function (value, element) {
return this.optional(element) || (/^\w+$/.test(value));
}, "请输入英文、数字、下划线");
/*
*
*验证消息中文提示
*
*/
$.extend($.validator.messages, {
required: "必选字段",
remote: $.format("该账户已存在!"),
email: "请输入正确格式的电子邮件",
url: "请输入正确的网址",
date: "请输入正确的日期",
dateISO: "请输入正确的日期(ISO)",
number: "请输入正确的数字",
digits: "只能输入整数",
creditcard: "请输入正确的信用卡号",
equalTo: "请再次输入相同的值",
accept: "请输入拥有合法后缀名的字符串",
maxlength: $.validator.format("字符长度最多{0}个"),
minlength: $.validator.format("字符长度最少{0}个"),
rangelength: $.validator.format("字符长度为{0}-{1}之间"),
range: $.validator.format("输入值为于{0}-{1}之间"),
max: $.validator.format("请输入一个最大为{0}的值"),
min: $.validator.format("请输入一个最小为{0}的值")
});

三、添加移除验证

在项目中,经常碰到表单有些字段需要根据条件显示隐藏,这时手动添加移除验证就派上用场了。

$("#IDName").rules("remove");
$("#IDName").rules("add", { required: true, messages: { required: "请输入标题" } });

jquery.validate运用和扩展的更多相关文章

  1. jquery validate验证插件扩展方法(转)

    /***************************************************************** jQuery Validate扩展验证方法 (linjq) *** ...

  2. aspx中的表单验证 jquery.validate.js 的使用 以及 jquery.validate相关扩展验证(Jquery表单提交验证插件)

    这一期我们先讲在aspx中使用 jquery.validate插件进行表单的验证, 关于MVC中使用 validate我们在下一期中再讲     上面是效果,下面来说使用步骤 jQuery.Valid ...

  3. jquery.validate的效验方式

    jQuery校验官网地址:http://bassistance.de/jquery-plugins/jquery-plugin-validation 原文地址:http://www.cnblogs.c ...

  4. jquery.validate.unobtrusive

    ASP.NET MVC Unobtrusive JavaScript 实现 onfocusout 验证, onfocusin 清除错误 在 ASP.NET MVC 中启用 Unobtrusive Ja ...

  5. 封装jQuery Validate扩展验证方法

    一.封装自定义验证方法-validate-methods.js /***************************************************************** j ...

  6. jquery validate扩展验证方法

    /***************************************************************** jQuery Validate扩展验证方法 (linjq) *** ...

  7. 扩展jquery.validate自定义验证,自定义提示,本地化

    <!DOCTYPE html> <html> <head> <meta name="viewport" content="wid ...

  8. jQuery Validate扩展验证方法 (zhangxiaobin)

    /***************************************************************** jQuery Validate扩展验证方法 (zhangxiaob ...

  9. 在一个验证form的实例中扩展jQuery.validate

    需求很简单,直接上图: 要验证表单上的3个input输入框的格式,要求如下: 主关键词情形1: 浙江 杭州 温州 主关键词情形2: 浙江|江苏|上海,但是不能用 空格和 | 混合用,也就是情形1和2不 ...

随机推荐

  1. ABAP中正则表达式的简单使用方法 (转老白BLOG)

    在一个论坛上面看到有人在问正则表达式的问题,特举例简单说明一下.另外,REPLACE也支持REGEX关键字.最后:只能是ECC6或者更高版本才可以(ABAP supports POSIX regula ...

  2. Hosts文件小结

    今天又遇到Hosts,小结一下: Hosts文件是什么? Hosts文件从表象上来看是一个没有扩展名的系统文件.其基本作用就是将一些常用的网址域名与其对应的IP地址建立一个关联"数据库&qu ...

  3. GridControl列自动匹配宽度

    //自动调整所有字段宽度this.gridView1.BestFitColumns(); //调整某列字段宽度this.gridView1.Columns[n].BestFit(); 大多是网上零散找 ...

  4. 破解入门【OllyDebug爆破程序】

    逆向破解这块我也是个刚起步的小菜,入门都还算不上吧,看了点基础教程,先动手练习一下增加点兴趣.嘿嘿 工具: peid         //查壳工具 OllyDebug    //反汇编.动态调试工具 ...

  5. JAVA基础学习day14--集合一

    一.集合的出现 1.1.集合简述 面向对象语言对事物的体现都是以对象形式,为了方便对多个对象的操作,就对象对象进行存储,集合就是存仪储对象最常用的一种试 1.2.数组和集合都是容器 数组也存对象,存储 ...

  6. IOS 网络浅析-(八 NSURLSession简介)

    就在不长也不短的时间前,苹果正式命令咱们要向NSURLSession看,因此我们不得不认认真真的听从老大的教导,努力认知NSURLSession.其实呢,三方早已为我们解决了问题,但是呢,我们还是有必 ...

  7. iOS网络-05-AFNetwoking原理及常用操作

    AFN的六大模块 NSURLConnection,主要对NSURLConnection进行了进一步的封装,包含以下核心的类: AFURLConnectionOperation AFHTTPReques ...

  8. 【nginx】关于fastcgi_cache

    一.简介 Nginx版本从0.7.48开始,支持了类似Squid的缓存功能.这个缓存是把URL及相关组合当做Key,用Md5算法对Key进行哈希,得到硬盘上对应的哈希目录路径,从而将缓存内容保存在该目 ...

  9. PHP开发第一个扩展

    首先声明:我们要构建的是扩展或者模块名为hello_module.该模块提供一个方法:hello_word. 一.PHP环境的搭建 1)一般使用源码包编译安装,而不是binary包安装.因为使用PHP ...

  10. java工程中的相关路径

    一.路径 绝对路径: 指的是文件在系统中的真实路径(物理路径). 相对路径: 指的是文件相对某个目录的相对路径. 对于java application 工程来说,当编写完一个类之后,class文件会编 ...