talent-validate验证方法使用说明.docVIP

talent-validate验证方法使用说明 整理人：李守坤 1，概述 验证方法来源于talent-validate验证框架 功能描述： 常见验证(非空，数字，整数，邮箱，ip,邮政编码，电话号码，身份证验证等) 正则表达式验证 日期及时间， 服务端验证， 数字范围， 字符串长度， 表单字段比较等 2，安装 从talent-validate压缩包中提取 核心js文件:js\validate\talent-validate-all.js 核心css文件: js\validate\css\validate.css Css文件配套图片文件夹 js\validate\css\img 将核心js文件和核心css文件引入到项目中， 如: script src=js/talent-validate-all.js language=javascript/script link type=text/css rel=stylesheet href=css/validate.css / 注意:validate.css配套的img文件夹需要和validate.css同一目录，如果统一路径，需要自行修改validate.css中的图片获取路径 3，常见使用 1常用格式验证 body form name=form1 table border=1px tr td width=160px 用户名input type=text value= name=n1 disabled=true/ 不验证disabled的元素 br/ 密码input type=text value= name=n2/ br/ 性别 select name=n3 option value=/option option value=male男/option option value=female女/option /select br/ 备注textarea name=n4/textarea br/ input type=button class=button value=验证 onclick=tt.validate() / /td /tr /table /form /body script id=talent_script //下面这一行代码为4个字段添加了“非空”验证， 同时会自动在4个字段上加上红色星号 tt.vf.req.add(n1, n2, n3, n4); /script 页面效果便如下: 2,高级验证 正则表达式验证： body form name=form1 用户名input type=text value=2 name=n1/ br/ 密码input type=password value=3 name=n2/ br/ input type=button class=button value=验证 onclick=tt.validate()/ /form /body script id=talent_script new tt.RV().set(new RegExp(^[a-z]{0,5}$),只能输入a-z,且长度为0-5).add(n1); new tt.RV().set(new RegExp(^[A-Z]{0,5}$),只能输入A-Z,且长度为0-5).add(n2); /script 运行效果便如下： 服务端验证 页面需要提交ajax请求，并根据返回值显示验证结果 html head base href=%=basePath% title服务端验证测试页面/title meta http-equiv=pragma content=no-cache meta http-equiv=cache-control content=no-cache meta http-equiv=expires content=0 !-- 引入相关的js文件和css文件 -- link type=text/css rel=stylesheet href=css/validate.css / script src=js/talent-validate-all.js language=javascript/script /head body !-- 这里的form与别的form没有什么不同，不同的地方是