安装

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相关推荐

  1. antd form rules字数限制_【React】antd的form表单的自定义校验规则的用法

    在用到antd的Form组件的时候,可能会用到自定义的规则,以我的项目为例:在输入名称的时候需要请求接口,校验的内容是后台返回的内容,所以这个时候需要用到自定义的校验规则 屏幕快照 2019-06-1 ...

  2. form表单校验复杂系列--- form表单内插入独立的数据表格,动态校验数据表格内每行的文件上传

    form表单校验复杂系列- form表单内插入独立的数据表格,动态校验数据表格内每行的文件上传 前言 公司项目有个模块需要优化form表单内,插入独立的数据表格,表格内容是文件上传,需要利用外部表单提 ...

  3. 使用Ext Form自动绑定Html中的Form元素

    2019独角兽企业重金招聘Python工程师标准>>> Java代码   //把ext 对象绑定在Html Form元素时的ext属性中 Ext.override(Ext.Compo ...

  4. antd 进行ajax请求,react+dva+antd接口调用方式

    一丶 安装 通过 npm 安装 dva-cli 并确保版本是0.8.1或以上. $ npm install dva-cli -g $ dva -v 0.8.1 二丶创建新应用 安装完dva-cli之后 ...

  5. antd 怎么用ajax,react+dva+antd接口调用方式

    一丶 安装 通过 npm 安装 dva-cli 并确保版本是0.8.1或以上.$ npm install dva-cli -g $ dva -v0.8.1 二丶创建新应用 安装完dva-cli之后,就 ...

  6. oracle ebs form 计算 汇总公式,Oracle+EBS+Form开发小技巧汇总

    oracle form开发的技巧 content Oracle EBS Form开发小技巧汇总 ..................................... 2 Form中Block的重 ...

  7. TEC1303.Form个性化技术总结 - 第一部分 Form个性化技术讲解

    前言 个性化主要用于客户化标准功能的Form.对于我们自己开发的Form,除非已经上线很久.很稳定了,不想改源文件了否则没必要用个性化. 个性化的好处在于,基本上不用担心升级问题,因为个性化信息是保存 ...

  8. form.submit 方法 并不会触发 form.onsubmit 事件

    做表单的时候发现一个奇怪的地方,总结下: form.submit 方法 并不会触发 form.onsubmit 事件,看代码: <body><div class="cont ...

  9. antd select多选_关于antd Select 限制选择个数的解决方案

    应用场景描述: Select 被form 所包裹,且被getFieldDecorator修饰.所以值的改变应该通过form的setFieldsValue方法. Select模式肯定会是multiple ...

最新文章

  1. GD32F103内部Flash做虚拟U盘
  2. sql中Cast()函数的用法
  3. 2020 MCM Meritorious Winner
  4. 针对于高频低频图像的理解
  5. centos+bond+bridge+docker(ssh容器)固定ip实现测试环境(一)
  6. WAP端 touch事件触发顺序记录
  7. 用VC写Assembly代码(5) --一些宏的使用(二)
  8. flink 1.9.0 编译:flink-shaded-hadoop-2 找不到
  9. 剑指offer之数组中的数据查找
  10. Python之package、module
  11. 威胁情报工具:更快?更聪明?
  12. Tensorboard 安装及使用
  13. 关于HBuilderX背景颜色-粉色
  14. 上手 WebRTC DTLS 遇到很多 BUG,怎么解?
  15. 简单几步教你转换视频格式
  16. 地理模块化施工的优点_2019年高考地理微专题09秒解分析影响意义题
  17. 【Unity小游戏】一款类似“恐龙快打”的《横版街机格斗游戏》 该如何制作?| 一起来学习 顺便送源码
  18. 利用树莓派制作天气闹钟
  19. 发票OFD格式打开方式
  20. 怎样谈网站建设项目需求

热门文章

  1. linux刮刮乐小游戏源代码,HTML5-Canvas实例:刮刮乐游戏
  2. linux下启动nfs服务,linux下Samba服务和NFS服务配置的方法
  3. python接口测试之新手篇
  4. Codeforces 650 D. Zip-line
  5. Python 文件操作三
  6. window.location.href重定向 不会触发webview
  7. 深入理解Spring Redis的使用 (九)、通过Redis 实现 分布式锁 的 BUG,以及和数据库加锁的性能测试...
  8. 基于arduino UNO R3的远程可控的红外热释传感器 (转)
  9. P2P网贷第三方托管模式存在5大缺陷,护法是最大的赢家
  10. Meteor:用户账号管理添加密码和微博weibo账号系统支持