jQuery表单验证插件 baigoValidator
本文导语: baigoValidator 是基于 jQuery 的表单验证插件。在线演示 文件结构: baigoValidator.js 验证插件 baigoValidator.css CSS 样式 status_x.png 验证失败时的图标 status_y.png 验证成功时的图标 loading.gif 正在...
baigoValidator 是基于 jQuery 的表单验证插件。在线演示
baigoValidator.js 验证插件
baigoValidator.css CSS 样式
status_x.png 验证失败时的图标
status_y.png 验证成功时的图标
loading.gif 正在验证图标
readme.txt 使用说明
载入 jQuery 库文件,jQuery 库文件请到 http://www.jquery.com 下载,例:
载入 baigoValidator 样式表,例:
载入 baigoValidator 核心文件,例:
初始化 baigoValidator,fileds_set 为配置参数,类型为 JSON,名称可以自定义,例:
$(document).ready(function(){
obj_form = $("#form_id").baigoValidator(fileds_set);
});
配置参数,具体请参考 配置参数说明,例:
var fileds_set = {
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.nbfone.com/ajax/", key: "user_name", "type" : "str" }
}
}
定义需要验证的字段 id 或 group,此处需与 配置参数 中的定义一致,例:
定义需要验证的表单项的 class,class 的值必须为 validate,例:
触发验证,例:
var obj_form = $("#cate_form").baigoValidator(fileds_set);$("#cate_form").submit(function(){
obj_form.validateSubmit();
});