ant-design表单处理和常用方法及自定义验证
2024-08-22 02:08:49
首先要说一下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 回调函数,如果里面有字符串,代表错误提示。如果为空。代表输入正确 成功返回。
最新文章
- MySql 管理操作常用命令
- mac php环境启动
- 【笔记】mysql两条数据的某个属性值互换
- PHP中类自动加载的方式
- jQuery对复选框(checkbox)的全选,全不选,反选等的操作
- iOSQuartz2D-01-核心要点
- 在C#代码中应用Log4Net 中配置文件的解释
- Combox选中项注意事项
- Spring AOP中的动态代理
- Redis-主从配置了解
- 2、C#基础 - Visual Studio 的版本选择和下载
- vue不是内部或外部命令,配置一个Path系统变量就可以解决
- Apache2配置多域名站点及支持https
- shell实战之日志脱敏
- solr简单搜索案例
- 【UVA 11404】Palindromic Subsequence
- ThinkingInJava 学习 之 0000002 操作符
- Java NIO: Non-blocking Server
- python之模块distutils,打包工具
- mysql 常用命令,连接数据库,查看建表语句,批量导入数据,批量更新数据,连接查询
热门文章
- python 定义二维数组
- [Sgu395][bzoj2363]Binary Cat Club
- BZOJ 3127 [Usaco2013 Open]Yin and Yang(树点分治)
- BZOJ 1229 [USACO2008 Nov]toy 玩具(三分+贪心)
- 【线性筛】【质因数分解】【约数个数定理】hdu6069 Counting Divisors
- C++ Any 任意基础类型封装
- 【常见加密方法】Base64编码&;Tea算法简介
- [典型漏洞分享]一个典型的XSS盲打漏洞可导致全网用户cookie被盗取
- 【java】java中替换中括号[ ]操作
- 【fastJSON】利用fastJSON处理循环引用的问题