## 表单验证
集成使用了前端验证器nice-validator
https://validator.niceue.com/docs/getting-started.html
表单构建器已经集成该前端组件,可以直接使用。
### 使用
回顾一下构建器的表单项的参数:
~~~
/**
* 加入一个表单项
* @param $name 字段名
* @param $type 表单类型(取值参考系统配置form_item_type)
* @param $title 表单标题
* @param $description 表单项描述说明
* @param $options 表单options
* @param $extra_attr 表单项扩展属性,如表单验证
* @param $extra_class 表单项扩展class
* @return $this
*/
function addFormItem($name, $type, $title, $description = '',$options = [],$extra_attr = '',$extra_class = '')
~~~
其中有一个extra_attr参数,改参数是为了扩展表单输入项的属性。比如验证规则。
那么规则如何写,上例子:
~~~
->addFormItem('email', 'text', '邮箱', '','','data-rule="email" data-tip="请填写一个邮箱地址"')
~~~
这是一个邮箱验证的写法。
#### 要求:
1.将表单的输入框验证规则写在$extra_attr这个参数。
2.规则写法是字符串的形式。更多验证规则写法参考。
#### 针对表单元素的绑定
**配置在字段元素上**
>[info] data-rule - 给字段配置规则
> data-rule-* - 给字段自定义规则
> data-msg - 字段验证不通过时的提示
> data-msg-* - 字段具体规则验证不通过时的提示
> data-tip - 字段填写帮助
> data-ok - 字段验证通过时的提示
> data-target - 配置提示消息的显示位置
> data-timely - 配置验证的实时性 (v0.8.0+)
> data-must - 是否强制验证 (v0.8.0+)
> novalidate - 如果配置则停止验证该字段
- 前言
- 基础
- 安装
- 规范
- 数据库设计
- 命名规范
- 建议参考
- 架构
- 架构总览
- 目录结构
- 生命周期
- 入口文件
- 模块设计
- 插件设计
- 主题设计
- API设计
- 容器和依赖注入
- 验证器设计
- 钩子和行为设计
- 介绍
- 后台介绍
- 仪表盘
- 系统设置
- 系统设置
- 网站设置
- 前台导航菜单
- 后台导航菜单
- 配置管理
- 用户管理
- 权限管理
- 角色组
- 节点管理
- 附件管理
- 工具
- 扩展中心
- 模块
- 插件
- 主题
- 前台介绍
- API接口
- 模型层
- 定义
- 逻辑层
- 定义
- 逻辑初始化
- 服务层
- 定义
- 二次开发
- 模块开发
- 介绍
- 1.结构目录
- 2.install安装目录文件
- info.json
- options.php
- menus.php
- unstall.sql
- install.sql
- 3.安装模块
- 模块函数与全局函数
- 其他
- 插件开发
- 介绍
- 定义入口文件
- 1.结构目录
- 2.install安装目录文件
- info.json
- options.php
- menus.php
- install.sql
- unstall.sql
- 3.实现钩子方法
- 4.安装插件
- 开发使用
- 插件控制器Controller
- 插件模型Model
- 插件逻辑层Logic
- 开发总结
- 主题开发
- 介绍
- 结构目录
- install安装目录
- info.json
- 主题变量
- 模块主题化
- 插件主题化
- CSS、JS静态资源引入
- 创建模版文件
- API开发
- 通用组件
- wangeditor编辑器
- 上传
- 实战开发
- 控制器
- 验证器
- 接口
- 创建自定义模版
- 数据库操作
- 通过接口上传文件
- 构建器Builder(重要)
- 表单Form
- 设置页面标题
- 表单项(调用方式)
- 文本框text
- 隐藏域hidden
- 文本区textarea
- 时间选择器datetime
- 图片选择器picture
- 多图片选择器pictures
- 图片上传image
- 文件上传file
- wang编辑器wangeditor
- 百度富文本编辑器ueditor
- 选择项
- 添加标签栏Tab
- 自定义头部工具栏
- 表单提交处理
- 列表List
- 设置页面标题
- 添加标签栏Tab
- 高级查询
- 查询构造器
- 添加列表搜索功能
- 添加批量操作
- 自定义头部工具
- 顶部新增按钮
- 顶部批量启用
- 顶部批量禁用
- 排序Sort
- 表单验证
- 插件-Builder构建器
- 命令行
- 配置
- 扩展专题
- 轻松识别客户端信息User Agent
- 字符串
- 数组
- 钩子、插件、模块相关方法
- 时间
- 请求(request)
- 附件
- 用户信息
- 前台用户
- 后台用户
- 微信(wechat模块)
- 专题
- 插件专题
- 微信支付
- 支付宝(即时到账)
- 微信小程序专题
- 微信模块
- 日志
- 后台行为日志
- 框架日志
- 自定义日志
- 常见问题集
- 附录
- 配置参考
- 常量参考
- 变量参考
- 更新日志
- 升级指导
- 关于
- 进阶
- 分布式数据库
- 分布式缓存
- 负载均衡
- Redis
- 分库分表