ant-design表单处理和常用方法及自定义验证
方法 处理 常用 自定义 验证 表单 Design ant
2023-09-11 14:15:30 时间
首先要说一下antdesign这个框架API和demo丰富,而且开发环境提供对应的warning来纠正用户的错误。是一个很好的组件库。
关于表单验证方面是依赖于 async-validator 库。百度的san-xui组件库的表单验证也是依赖与async-validator。说明这个库的实用性还是比较高,可以多了解一下。
首先按照antDesign官网Demo。我们可以copy一个Form表单的demo。 LoginForm是表单的组件,下面代码,是React 高阶组件(Hoc)。 用于使组件获取 this.props.form
下面介绍一些常用的 this.props.form的方法。
const { form } = this.props
form.resetFields() 用于清空输入空
form.validateFields 用于验证
1.给输入框添加 键名。rules 规定输入规则。 validator可以自定义输入标准
value 标识输入内容
callback 回调函数,如果里面有字符串,代表错误提示。如果为空。代表输入正确 成功返回。
相关文章
- Could not set limit for ‘nofile’: Operation not permitted的处理方法
- 【华为云技术分享】序列特征的处理方法之一:基于注意力机制方法
- Go - 反射中 函数 和 方法 的调用 - v.Call()
- Objective-C精选字符串处理方法
- 【Oracle】Current online Redo 和 Undo 损坏的处理方法
- 解决火车头7.6版本无法采集部分https网站处理方法
- textarea宽度、高度自动适应处理方法
- java 11 增加了一系列的字符串处理方法,Optional 加强 ,改进的文件API
- 四种方法 恢复损坏的Excel文档
- java 11 增加了一系列的字符串处理方法,Optional 加强 ,改进的文件API
- Linux dmesg命令帮你处理故障和收集系统信息的几种方法
- Win7配置IIS遇到问题及解决方法:IIS图标不见了
- NLP:自然语言处理技术之NLP技术实践—自然语言/人类语言“计算机化”的简介、常用方法分类(基于规则/基于统计,离散式/分布式)之详细攻略
- oracle处理已有数据的字段(主键)类型修改方法
- 处理非线性分类的 SVM一种新方法(Matlab代码实现)
- (2/8)枚举的错误用法 之 方法参数
- [git push] rejecteded 问题的解决方法
- Laravel [1045] 解决方法 Access denied for user 'homestead'@'localhost'
- 【youcans 的 OpenCV 例程200篇】155. 边缘连接的局部处理方法
- 数字看做字符串的处理方法
- Android studio之Button点击事件的四种实现方法