antd中form自定义rules

1.使用getFieldDecorator

<FormItem
label="手机号">{getFieldDecorator('phone', {initialValue: contactDetail.phone,rules: [{ required: true, message: '请输入手机号' },{pattern: /^1\d{10}( 1\d{10})*$/,message: '手机号格式不正确',},],})(<Input placeholder="多个手机号请用空格分隔" />)}
</FormItem>

　　name可以拼接起来

转载于:https://www.cnblogs.com/jcxfighting/p/10413046.html

antd中form自定义rules相关推荐

vb.net form 最大化按钮代码_【React】利用antd的form自定义表单控件
由于业务的需求,需要对Form表单进行自定义控件操作业务需求如下: 首先点击选择按钮---在弹窗中选择产品--将选择好的产品展示在页面上,关于自定义组件的封装网上大牛的方法大多是封装好新的组件,从而 ...
Antd中Form表单与Table表格联合的简易使用
Form.Item 中使用 valuePropName 来指定子节点的值的属性,例如Table的数据源为dataSource,Switch的数据源是checked 在Table的columns中定义需 ...
antd中reset为啥点击两次
antd中form中resetFields清空输入框 1.如果没有initValue的情况下,直接使用resetFields可以清空文本框的值 2.如果是有initValue的情况下,直接使用rese ...
antd form rules字数限制_【React】antd的form表单的自定义校验规则的用法
在用到antd的Form组件的时候,可能会用到自定义的规则,以我的项目为例:在输入名称的时候需要请求接口,校验的内容是后台返回的内容,所以这个时候需要用到自定义的校验规则屏幕快照 2019-06-1 ...
ant-design中form组件的item在typescript环境下自定义提示文字（Form.Item的tooltip属性）及提示图标
一. 实现效果代码环境:react.typescript.ant-design-react ant-design-react中用到的组件为Form 想要实现的效果如下图: 上图中: ① 每个labe ...
react中form可以嵌套一个form吗_Ant-Design从v3升级到v4的Form适配
还记得3.0版本升级到4.0版本还是上午刚发生的事情,现在看到antd的版本已经是4.9.2了,离5.0还会远吗!要跟上脚步,体验最新的性能.视觉和神坑. 一.资料参考升级的说明文档[1]涵盖了所有 ...
antd vue form 手动校验_Ant Design 4.0 的一些杂事儿 - Form 篇
上一篇:Ant Design 4.0 的一些杂事儿 - Table 篇是的,趁着手热,于是又开了一篇新的文章,用来讲讲我们在开发 Ant Design 4.0 的 Form 时遇到的一些杂事儿.当然 ...
react-hooks+Ant Design Mobile中的自定义表单验证
Ant Design Mobile中的表单校验将validator放在 rules 对象中 <Form.Itemname='uName'label='姓名'requiredrules={[{r ...
antd中实现隐藏某一列数据
在工作中我们可能会有这样需求,比如在课程管理中可能会存在相同名字的老师名字,这个时候如果再靠以前的查询数据后遍历数组是不可取的.这个时候我便可以利用教师编号唯一性的特点. antd中每一列数据都有唯一 ...
FineReport中如何自定义登录界面
在登录平台时,不希望使用FR默认的内置登录界面,想通过自定义登录界面实现登录操作,内置登录界面如下图: 登录界面,获取到用户名和密码的值,发送到报表系统,报表服务带着这两个参数访问认证地址进行认证. ...

antd中form自定义rules

antd中form自定义rules相关推荐

最新文章

热门文章