jQuery表单验证插件 baigoValidator

码农软件 · 软件分类 · jQuery对话框 · 2019-12-14 15:29:23

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

软件介绍

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

文件结构：

baigoValidator.js 验证插件
baigoValidator.css CSS 样式
status_x.png 验证失败时的图标
status_y.png 验证成功时的图标
loading.gif 正在验证图标
readme.txt 使用说明

使用方法：

载入 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>

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

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

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

<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>

定义需要验证的字段 id 或 group，此处需与配置参数中的定义一致，例：
```
<input type="text" id="name" /><input type="checkbox" id="name" group="test" />
```

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

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

触发验证，例：

<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

码农书籍