forked from baigoStudio/baigoValidator
-
Notifications
You must be signed in to change notification settings - Fork 0
表单验证插件 baigoValidator
xazzz/baigoValidator
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Folders and files
Name | Name | Last commit message | Last commit date | |
---|---|---|---|---|
Repository files navigation
v0.0.9 jQuery baigoValidator Plugin 表单验证插件 (c) 2012 baigo - http://www.baigo.net/jQueryPlugins/baigoValidator.php License: http://www.opensource.org/licenses/mit-license.php 1 文件 1.1 baigoValidator.js 验证插件 1.2 baigoValidator.css CSS 样式 1.3 status_x.png 验证失败时的图标 1.4 status_y.png 验证成功时的图标 1.5 loading.gif 正在验证图标 1.6 readme.txt 使用说明 2 用法 2.1 引入文件 2.1.1 引入 jQuery 库 <script src="jquery.min.js" type="text/javascript"></script> 此为 jQuery 库,请自行下载 http://www.jquery.com/download/ 2.1.2 引入 baigoValidator 样式表 <link href="baigoValidator.css" type="text/css" rel="stylesheet"> 2.1.3 引入 baigoValidator 插件 <script src="baigoValidator.js" type="text/javascript"></script> 2.2 初始化 baigoValidator,如 obj_form = $("#cate_form").baigoValidator(opts_validate); opts_validate 为配置对象,类型为 JSON,名称可以自定义 2.3 配置需要验证的字段,如 var opts_validate = { "name": {//需验证字段 length: {min: 1, max: 100}, validate: {type: "str", format: "text"}, msg: {id: "msg_prj_status", too_short: "太短", too_long: "太长"} }, "no": { length: {min: 4, max: 4}, validate: {type: "str", format: "int"}, msg: {id: "msg_prj_status", too_short: "太短", too_long: "太长"} }, "email": { length: {min: 1, max: 0}, validate: {type: "str", format: "email"}, msg: {id: "msg_prj_status", too_short: "太短"} }, "digit": { length: {min: 1, max: 0}, validate: {type: "digit", format: "int"}, msg: {id: "msg_prj_status", too_short: "太短"} }, "checkbox": { length: {min: 1, max: 0}, validate: {type: "checkbox"}, msg: {id: "msg_prj_status", too_few: "太少"} }, "user_name": { length: {min: 1, max: 0}, validate: {type: "ajax"}, msg: {id: "msg_prj_status", too_few: "太少"} ajax: {url: "http://www.baigo.net/ajax/", key: "user_name", "type" : "str"} } } 具体请参考 3 2.4 定义需要验证的字段 id 或 group,此处需与 3.1 中的定义一致,如 <input type="text" id="name"> <input type="checkbox" id="name" group="test"> 2.5 定义需要验证的表单项的 class,值必须为 validate,如 <input type="text" id="name" class="validate"> <input type="text" id="name" group="test" class="validate"> 2.6 触发验证,如 var obj_form = $("#cate_form").baigoValidator(opts_validate); $("#cate_form").submit(function(){ obj_form.validateSubmit(); }); 3 配置详细说明 opts_validate:验证配置,为 json 对象(名称可以自定义) 3.1 第一个节点为需验证表单: 当 validator.type 为 checkbox 或 radio 时,指表单 group 属性,否则为 id 3.2 validate:验证类型 3.2.1 type:类型 str:字符串 digit:数字 checkbox:复选框 radio:单选框 select:下拉框 ajax:AJAX 验证 3.2.2 format:格式 validator.type 为 str 时: text:普通文字 email:Email 地址 date:日期(2012-11-12) time:时间(17:32:12) datetime:日期时间(2012-11-12 17:32:12) int:整数 digit:数字(可带小数点) url:网址 alphabetDigit:字母和数字 strDigit:字母中文数字下划线 ip:IP 地址 validator.type 为 digit 时: int:整数 digit:数字(可带小数点) validator.type 为 checkbox radio 和 select 时可忽略 3.3 length:规定长度或大小,0 为无限制 validator.type 为 str 时: min:最短 max:最长 validator.type 为 checkbox radio 和 select 时: min:最少 max:最多 validator.type 为 digit 时: min:最小 max:最大 3.4 msg:提示信息 id:显示信息对象的 id too_short:太短 too_long:太长 too_few:太少 too_many:太多 too_small:太小 too_big:太大 format_err:格式错误 ajax_err:ajax 地址出错 ajaxIng:AJAX 正在查询 ok:验证通过 3.5 ajax:AJAX url:AJAX 请求地址 key:查询关键词,既传给 AJAX 程序的内容,其值为表单值 type:类型 str:字符串 digit:数字 attach:附加查询串 4 ajax 返回内容必须为 json,如 {"re": "ok" } 成功 {"re": "验证失败"} 具体提示信息
About
表单验证插件 baigoValidator
Resources
Stars
Watchers
Forks
Releases
No releases published
Packages 0
No packages published
Languages
- JavaScript 95.6%
- CSS 4.4%