ant design pro 控制表单输入框的格式和数字

遇到一个需求，需要控制表单输入框必须只能输入0-19位的数字，且这个表单是非必填项的，发现antdesignpro可以自写验证函数

 //函数部分const checkId = (_:any, v:any)=>{if(v&&!/^[0-9]{1,19}$/.test(v)){return Promise.reject(new Error('不能少于19位数字'))}return Promise.resolve()}//组件部分<ProFormText label='编号' name='id' rules={[validator:checkId]}>

ant design pro 控制表单输入框的格式和数字相关推荐

Ant Design Form组件表单实时预览
本篇文章主要是关于如何采用Form useWatch Hooks实现表单实时预览效果文章目录一.应用场景二.useWatch 三.关键代码一.应用场景使用的场景主要来源于工作或者我们具体的项 ...
antd 动态添加表单_react Ant Design 动态生成表单，并带验证
写点杂记,写这个文章原因是因为我对象要做这个功能,我们正好用到了特意拆写成了1个简单的demo import React, {Component} from 'react' import {conne ...
Ant design pro v4-服务器菜单和路由权限控制
要解决的问题:ant design pro默认情况下,菜单和路由都用配置的方式,在前端的config/config.ts中配置.但是大多数后台系统都需要由后端服务器控制权限. 类似的需求一般包括两点: ...
ant design pro实现动态路由以及权限的控制
dynamic-menu-router ant design pro动态路由权限,目前基于ant design pro1.4.4版本,只用于左侧菜单权限的设置和按钮权限设置,关于最新版本权限的更新,敬 ...
Ant Design Pro Vue使用心得
目录结构 ├── public │ └── logo.png # LOGO | └── index.html # Vue 入口模板 ├── src │ ├── api # Api ajax 等 │ ├ ...
Ant Design Pro使用之--EditableProTable 可编辑表格
前言--EditableProTable 与 ProTable的对比首先:可编辑表格 EditableProTable 与 ProTable 的功能基本相同: 但是如果用ProTable的话,增和改 ...
Ant Design Pro V4 入门到实战手册【2020】
前言第一章初识 Ant Design Pro 1. 调整 Ant Design Pro 基本配置 2. 浅析 Ant Design Pro 工作流程第二章布局和路由 1. 复杂页面布局的&qu ...
UmiJS TypeScript Ant Design Pro v4 从零开始实战教程（63 个视频）
UmiJS & TypeScript & Ant Design Pro v4 从零开始实战教程(63 个视频) Antd Pro 是国内最流行的前端后台框架,使用它可以轻易搭建一个超级 ...
Umi v3 Ant Design Pro v5 从零开始实战视频教程（34 个视频）
Umi v3 & Ant Design Pro v5 从零开始实战视频教程(34 个视频) Umi v3 & Ant Design Pro v5 视频教程,从零开始学习,搭建一个完整的 ...

ant design pro 控制表单输入框的格式和数字

ant design pro 控制表单输入框的格式和数字相关推荐

最新文章

热门文章