antd form rules字数限制_Package - antd-form-rules
安装
yarn add antd-form-rules
# 或者
npm install antd-form-rules --save
使用
import { FormRules } from 'antd-form-rules';
getFieldDecorator('id', {
rules: FormRules.withName('字段名').isRequired().create(),
});
方法介绍
withName(fileName: string)
规则必须先初始化才能做链式调用
FormRules.withName('字段');
create()
生成的规则由该方法统一转换为antd需要的格式
FormRules.withName('字段').create();
isRequired(onlyWhiteSpaceIsError = true)
通用方法,用于强调前一个规则是必填的,不能跳过。
FormRules.withName('字段')
.string(1, 15).isRequired()
.match(/\w+/).isRequired()
.create();
FormRules.withName('字段').string().isRequired().create();
如果isRequired前面没有规则,那么会默认添加一个string()的规则
FormRules.withName('字段').isRequired().create();
// 等于
FormRules.withName('字段').string().isRequired().create();
string(min?: number, max?: number, message?: string)
字符串规则,可自定义长度
FormRules.withName('字段').string().create();
FormRules.withName('字段').string(1, 15).create();
FormRules.withName('字段').string(20).create();
FormRules.withName('字段').string(undefined, 20).create();
bool(message?: string)
布尔值规则,常用于Radio
array(message?: string)
数组规则
phone(message?: string)
国内11位手机号
number(min?: number, max?: number, message?: string)
数字,包括小数、整数、负数、正数
FormRules.withName('字段').number().create();
FormRules.withName('字段').number(0.01, 1).create();
FormRules.withName('字段').number(0).create();
FormRules.withName('字段').number(undefined, 5).create();
integer(min?: number, max?: number, message?: string)
只能是整数
FormRules.withName('字段').integer().create();
FormRules.withName('字段').integer(1).create();
FormRules.withName('字段').integer(1, 5).create();
FormRules.withName('字段').integer(undefined, 5).create();
email(message?: string)
邮箱号规则
match(pattern: RegExp, message?: string)
正则匹配
FormRules.withName('字段').match(/\w\s*\w/).isRequired().create();
url(message?: string)
超链接规则
callback(fn: Function)
自定义规则
FormRules.withName('字段').callback((value, field) => {
if (value !== '孙悟空') {
return new Error('这个是六耳猕猴');
}
}).create();
identityCard(message?: string)
第二代身份证
withoutWhiteSpace(message?: string)
禁止包含空格
object(message?: string)
数据必须是对象。如时间控件返回的是moment的对象
append(obj)
如果以上规则都不能满足你,那么可以用这个append直接添加antd的原生规则。或者欢迎issue
import { FormRuleType } from 'antd-form-rules';
FormRules.withName('字段').string().append({ required: true, type: FormRuleType.object }).create();
Current Tags
2.0.0 ... latest (7 months ago)
9 Versions
2.0.0 ... 7 months ago
1.3.1 ... a year ago
1.3.0 ... 2 years ago
1.2.1 ... 2 years ago
1.2.0 ... 2 years ago
1.1.2 ... 2 years ago
1.1.1 ... 2 years ago
1.1.0 ... 2 years ago
1.0.0 ... 2 years ago
antd form rules字数限制_Package - antd-form-rules相关推荐
- antd form rules字数限制_【React】antd的form表单的自定义校验规则的用法
在用到antd的Form组件的时候,可能会用到自定义的规则,以我的项目为例:在输入名称的时候需要请求接口,校验的内容是后台返回的内容,所以这个时候需要用到自定义的校验规则 屏幕快照 2019-06-1 ...
- form表单校验复杂系列--- form表单内插入独立的数据表格,动态校验数据表格内每行的文件上传
form表单校验复杂系列- form表单内插入独立的数据表格,动态校验数据表格内每行的文件上传 前言 公司项目有个模块需要优化form表单内,插入独立的数据表格,表格内容是文件上传,需要利用外部表单提 ...
- 使用Ext Form自动绑定Html中的Form元素
2019独角兽企业重金招聘Python工程师标准>>> Java代码 //把ext 对象绑定在Html Form元素时的ext属性中 Ext.override(Ext.Compo ...
- antd 进行ajax请求,react+dva+antd接口调用方式
一丶 安装 通过 npm 安装 dva-cli 并确保版本是0.8.1或以上. $ npm install dva-cli -g $ dva -v 0.8.1 二丶创建新应用 安装完dva-cli之后 ...
- antd 怎么用ajax,react+dva+antd接口调用方式
一丶 安装 通过 npm 安装 dva-cli 并确保版本是0.8.1或以上.$ npm install dva-cli -g $ dva -v0.8.1 二丶创建新应用 安装完dva-cli之后,就 ...
- oracle ebs form 计算 汇总公式,Oracle+EBS+Form开发小技巧汇总
oracle form开发的技巧 content Oracle EBS Form开发小技巧汇总 ..................................... 2 Form中Block的重 ...
- TEC1303.Form个性化技术总结 - 第一部分 Form个性化技术讲解
前言 个性化主要用于客户化标准功能的Form.对于我们自己开发的Form,除非已经上线很久.很稳定了,不想改源文件了否则没必要用个性化. 个性化的好处在于,基本上不用担心升级问题,因为个性化信息是保存 ...
- form.submit 方法 并不会触发 form.onsubmit 事件
做表单的时候发现一个奇怪的地方,总结下: form.submit 方法 并不会触发 form.onsubmit 事件,看代码: <body><div class="cont ...
- antd select多选_关于antd Select 限制选择个数的解决方案
应用场景描述: Select 被form 所包裹,且被getFieldDecorator修饰.所以值的改变应该通过form的setFieldsValue方法. Select模式肯定会是multiple ...
最新文章
- GD32F103内部Flash做虚拟U盘
- sql中Cast()函数的用法
- 2020 MCM Meritorious Winner
- 针对于高频低频图像的理解
- centos+bond+bridge+docker(ssh容器)固定ip实现测试环境(一)
- WAP端 touch事件触发顺序记录
- 用VC写Assembly代码(5) --一些宏的使用(二)
- flink 1.9.0 编译:flink-shaded-hadoop-2 找不到
- 剑指offer之数组中的数据查找
- Python之package、module
- 威胁情报工具:更快?更聪明?
- Tensorboard 安装及使用
- 关于HBuilderX背景颜色-粉色
- 上手 WebRTC DTLS 遇到很多 BUG,怎么解?
- 简单几步教你转换视频格式
- 地理模块化施工的优点_2019年高考地理微专题09秒解分析影响意义题
- 【Unity小游戏】一款类似“恐龙快打”的《横版街机格斗游戏》 该如何制作?| 一起来学习 顺便送源码
- 利用树莓派制作天气闹钟
- 发票OFD格式打开方式
- 怎样谈网站建设项目需求
热门文章
- linux刮刮乐小游戏源代码,HTML5-Canvas实例:刮刮乐游戏
- linux下启动nfs服务,linux下Samba服务和NFS服务配置的方法
- python接口测试之新手篇
- Codeforces 650 D. Zip-line
- Python 文件操作三
- window.location.href重定向 不会触发webview
- 深入理解Spring Redis的使用 (九)、通过Redis 实现 分布式锁 的 BUG,以及和数据库加锁的性能测试...
- 基于arduino UNO R3的远程可控的红外热释传感器 (转)
- P2P网贷第三方托管模式存在5大缺陷,护法是最大的赢家
- Meteor:用户账号管理添加密码和微博weibo账号系统支持