jQuery表单验证插件 baigoValidator

• 授权协议: GPL
• 开发语言: JavaScript HTML/CSS
• 操作系统: 跨平台
• 软件首页: http://www.baigo.net/jquery/baigovalidator.html
• 软件文档: http://www.baigo.net/jquery/baigovalidator.html

软件介绍

baigoValidator 是基于 jQuery 的表单验证插件。在线演示

文件结构：

1. baigoValidator.js 验证插件

2. baigoValidator.css CSS 样式

3. status_x.png 验证失败时的图标

4. status_y.png 验证成功时的图标

5. loading.gif 正在验证图标

6. readme.txt 使用说明

使用方法：

1. 载入 jQuery 库文件，jQuery 库文件请到 http://www.jquery.com 下载，例：

   <script src="jquery.js" type="text/javascript"></script>

   载入 baigoValidator 样式表，例：

   <link href="baigoValidator.css" type="text/css" rel="stylesheet" />

   载入 baigoValidator 核心文件，例：

   <script src="baigoValidator.js" type="text/javascript"></script>

   
   

2. 初始化 baigoValidator，fileds_set 为配置参数，类型为 JSON，名称可以自定义，例：

   <script type="text/javascript">$(document).ready(function(){
   	obj_form = $("#form_id").baigoValidator(fileds_set);
   });</script>

   
   

3. 配置参数，具体请参考 配置参数说明，例：

   <script type="text/javascript">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" }
   	}
   }</script>

   
   

4. 定义需要验证的字段 id 或 group，此处需与 配置参数 中的定义一致，例：

   <input type="text" id="name" /><input type="checkbox" id="name" group="test" />

   
   

5. 定义需要验证的表单项的 class，class 的值必须为 validate，例：

   <input type="text" id="name" class="validate" /><input type="text" id="name" group="test" class="validate" />

   
   

6. 触发验证，例：

   <script type="text/javascript">var obj_form = $("#cate_form").baigoValidator(fileds_set);$("#cate_form").submit(function(){
   	obj_form.validateSubmit();
   });</script>

   
   

本文地址：https://codercto.com/soft/d/21138.html