在表单组的基础上，使用验证方式。
验证包含验证失败、通过验证两种状态，对应红和绿两种色彩提示。
给文本框添加data-validate属性，属性值为相关的验证规则。
方法与文本框一样，文件域添加data-validate属性，并填写验证的规则。
单选框判断是否选择，对应的单选框，至少有一个添加：data-validate="radio:..."。
多个复选框时须为每个选项添加验证属性。
验证下拉菜单是否选值，只需要添加：data-validate="required:..."
给form添加.form-tips样式，可改变验证信息的显示方式。
给表单添加重设按钮，并加上.form-reset样式，可清除表单的验证状态。
对于输入的值，需要多重验证，才能确保数据正确，比如用户的年龄，验证是否填写的同时，还需要验证是否数字，同时还要限制在0-150之间；拼图前端框架提供强大的组合验证功能，多个验证用","号分开，让验证灵活而又准确。
对于使用ajax请求方式提交表单信息，在此之前需要验证，直接调用此方法。
拼图提供了多种预设参数及方法供使用，具体参数对应下表使用。
| 参数 | 说明 |
|---|---|
| required | 不为空 |
| chinese | 纯汉字 |
| number | 纯数字 |
| integer | 正负整数 |
| plusinteger | 正整数 |
| double | 正负小数 |
| plusdouble | 正小数 |
| english | 英文字符 |
| username | 英文字母开头的字母、下划线、数字 |
| mobile | 手机号码 |
| phone | 电话 |
| tel | 手机号码或者电话 |
| 电子邮箱 | |
| url | 网址 |
| ip | IP地址 |
| currency | 货币 |
| zip | 邮编 |
| QQ号 | |
| radio | 单选框是否选择 |
| 类型 | 参数 | 运算符 | 描述 | 示例 |
|---|---|---|---|---|
| 数值对比 | compare | == | 等于 | compare#==10:等于10，length#==10:字符长度为10 |
| != | 不等于 | compare#!=10:不等于10，length#!=10:字符长度不为10 | ||
| > | 大于 | compare#>10:数值须大于10，length#>10:字符长度大于10位 | ||
| 字符长度对比 | length | < | 小于 | compare# <10:数值须小于10，length#<10:字符长度小于10位 |
| >= | 大于等于 | compare#>=10:数值须大于或等于10，length#>=10:字符长度大于或等于10位 | ||
| <=< /td> | 小于等于 | compare# <=10:数值须小于或等于10，length#<=10:字符长度小于或等于10位 |
| 类型 | 参数 | 使用方法 | 说明 |
|---|---|---|---|
| 正则表达式 | regexp | 参数(regexp)#正则表达式(.+.(jpg|gif)$):错误提示(图片格式为jpg,gif) | 输入的值是否符合正则表达式的规则。 |
| 重复密码 | repeat | 参数(repeat)#比较对象(password):错误提示(两次输入的密码不一致) | 当前密码与name="passwrod"的进行比较，看是否相同。 |
| 异步验证 | ajax | 参数(ajax)#验证地址(demo/getdata.html?username={value}):错误提示(用户已注册) |
|