最近做项目，需要用到jQuery.validate.js插件，于是记录一下工作中的一些经验，以便日后学习。

【例子如下】

1.前台页面

表单id='form1 '方法='post '用户名：输入类型=' text ' id=' UserName ' name=' UserName '/！- span id='name_error'/span - br /密码：输入类型=' Password ' id=' Password ' name=' Password '/br/输入类型=' submit ' id=' BTN注册'名称=' BTN注册'值='注册/input type=' button ' id=' BtNCEnel ' name=' BtNCEnel ' value='取消//表单2 .爪哇岛描述语言

脚本类型='text/javascript' //添加自定义验证jquery。验证器。addmethod(' checkPWD '，函数（值，元素){ var flag=false//flag=chkpwd($(' # pwd ')；//自定义验证密码逻辑返回this.optional(element) ||标志；});$(函数(){ $('#form1 ')).验证({规则s : {用户名： {必需d : true，//emote: function () { //验证用户名是否存在是否存在方法一//$.ajax({ //type: 'POST '，//URL : ' Handler/Handler 1。ashx '，//data : { name : $(' # UserName ').val() }，//async: false，//success:函数（数据){ //$('#name_error ').html(数据);//} //});//} remote: { //验证用户名是否存在是否存在方法二键入： 'POST '，url: 'Handler/Handler1.ashx '，//后台处理程序dataType: 'json '，//接受数据格式data: { //要传递的参数action : function(){ return ' CheckName ' }，name : function(){ return $(' # UserName ').val()；}，param1: function () { return '自定义参数1';} } } }，密码： {必需d : true，checkPWD: true //自定义验证，若想不用自定义验证，把真实的改成错误的即可},消息： {"用户名": {需要： '跨度用户名不能为空/span '，remote: 'span该会员名已存在！/span' }，"密码": {需要： '跨度密码不能为空“检查PWD:”跨度密码不符合自定义规则).}) /script3 .后台处理程序

公共无效进程请求(HttpContext上下文){上下文.响应。内容类型='文本/纯文本；字符串操作=上下文。请求['操作'];//获取用户名和自定义参数字符串名称=上下文。请求[' name ']；字符串参数1=上下文。请求[' param 1 ']；if(！字符串IsNullOrEmpty(name)) { //模拟查询数据库，如果用户输入的是管理员，则提示该账户已存在，返回如果（名称)为假的.equals(' admin '){ context .回应。写(' false ')；} else { context .回应。写('真');} } }4.运行结果

4.1 用户未输入数据时报错

4.2 用户输入错误信息时报错