手册版本 V6.0
组件介绍
GraceUI 内置了表单验证工具，经过大量用户的使用和反馈已经非常成熟；
使用流程
01 引入表单验证 js :
import graceChecker from "@/Grace6/js/checker.js";
02 定义验证规则
格式 :
var rule = [
{name:"数据键名称", checkType: "验证类型", checkRule: "验证规则", errorMsg: "错误提示信息" },
......
];
如 :
var rule = [
{ name: "nickname", checkType: "string", checkRule: "1,3", errorMsg: "姓名应为1-3个字符" },
{ name: "gender", checkType: "in", checkRule: "男,女", errorMsg: "请选择性别" },
//......
];
03 对数据进行验证
var checkRes = graceChecker.check(formData, rule);
if(checkRes){}兼容平台
| H5 | APP | 小程序 | NVUE |
| ✔ | ✔ | ✔ | ✔ |
验证规则
| 类型 | 功能 | 规则参数举例 |
| string | 字符串长度检查 | 如 : 5, 100 |
| contain | 必须包含指定的字符串 | 如 : grace |
| notContain | 不能包含指定的字符串 | 如 : grace |
| inArray | 必须是指定数组的元素 | 如 : ['男','女'] |
| notInArray | 不能是指定数组的元素 | 如 : [1,2,3] |
| int | 整数及长度检查 | 如 : 1, 8 |
| intBetween | 整数区间检查 | 如：100,999 |
| between | 数值区间检查 ( 小数或整数 ) | 如：-500, 22 |
| doubleBetween | 小数区间检查 | 如：1, 88 |
| doubleLength | 小数及小数位数检查 | 如：2,3 |
| gt | 大于某个数值 | 如：100 |
| gtAndSame | 大于等于某个数值 | 如：100 |
| lt | 小于某个数值 | 如：100 |
| ltAndSame | 小于等于某个数值 | 如：100 |
| same | 等于某个值 | 如：100 或 grace |
| notSame | 不等于某个值 | 如：100 |
| samewith | 等于某个元素 | 数据键名称 |
| email | 邮件地址检查 | 无需参数 |
| phone | 手机号码检查 | 无需参数 |
| url | url 地址检查 | 无需参数 |
| zipcode | 邮编检查 | 无需参数 |
| idCard | 身份证检查 | 无需参数 |
| reg | 正则表达检查 | 自定义正则表达式，如 ^<h2>.*<\/h2>$/Uis |
使用说明
1、只要符合对象形式的数据都可以被检查，表单数据在提交时会自动被封装为对象，验证更为方便！ 2、一个元素如果要进行多重验证只需为其添加多条验证规则即可；
演示代码
UNI 普通版本
NVUE 版本
登录并购买 GraceUI 后可以查阅完整手册内容 。
