开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

为什么自定义输入控件不能在Ant Design表单中正确验证？

自定义输入控件在Ant Design表单中无法正确验证的原因是因为Ant Design表单组件的验证规则是基于HTML表单元素的原生验证规则实现的。而自定义输入控件可能不会触发原生验证规则，导致无法正确验证。

为了解决这个问题，可以通过以下几种方式来实现自定义输入控件的正确验证：

使用Ant Design提供的getFieldDecorator方法进行包装：Ant Design提供了getFieldDecorator方法来包装表单控件，可以通过设置rules属性来定义验证规则。可以通过自定义验证函数来实现对自定义输入控件的验证。
手动触发验证：可以通过调用表单组件的validateFields方法来手动触发表单验证。在自定义输入控件的onChange事件中调用validateFields方法，可以实现对自定义输入控件的验证。
自定义验证规则：可以通过自定义验证规则来实现对自定义输入控件的验证。可以使用Ant Design提供的Validator或者自定义的验证函数来定义验证规则，并在自定义输入控件中进行验证。

需要注意的是，以上方法都需要根据具体的自定义输入控件和验证需求进行调整和实现。在实际开发中，可以根据具体情况选择合适的方法来解决验证问题。

腾讯云相关产品和产品介绍链接地址：

腾讯云表单验证服务：https://cloud.tencent.com/product/avc
腾讯云云服务器：https://cloud.tencent.com/product/cvm
腾讯云云原生应用引擎：https://cloud.tencent.com/product/tke
腾讯云数据库：https://cloud.tencent.com/product/cdb
腾讯云人工智能：https://cloud.tencent.com/product/ai
腾讯云物联网：https://cloud.tencent.com/product/iot
腾讯云移动开发：https://cloud.tencent.com/product/mob
腾讯云对象存储：https://cloud.tencent.com/product/cos
腾讯云区块链：https://cloud.tencent.com/product/baas
腾讯云元宇宙：https://cloud.tencent.com/product/um

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

JeecgBoot 3.4.2 版本发布，Vue3版本大升级

Vue3 UI升级升级ant-design-vue到3.2.12、升级vite等前端依赖升级antd3后，moment全部替换为dayjswebsocket功能优化表单支持右侧嵌入评论区、附件区代码格式化调整自动检查...vue3, 自动切换vue3库表菜单列表支持通过菜单名模糊查询支持年度控件同步vben部分代码升级antd3后一系列兼容改造工作表单label支持自定义显示字数，超长截取显示Table表格自定义排序字段例子....ant-tabs-bar —> .ant-tabs-nav下拉类型的SelectTypes更名为SelectValue更多升级日志见从 ant-design-vue 2.x 版本升级到 ant-design-vue...中的inputNumber不能输入小数issues/I5IHN7积木报表无法保存issues/I5J3QOExcel注解中不支持超链接，但文档中支持issues/I5I840代码生成主子表vue3模板报错...列表、宏等控件专业接口对接机制，统一采用restful接口方式，集成swagger-ui在线接口文档，Jwt token安全验证，方便客户端对接接口安全机制，可细化控制接口授权，非常简便实现不同客户端只看自己数据等控制高级组合查询功能

2.1K3 0

jeecg-boot

、截取显示控件、报表组件，编辑器等等 9.查询过滤器：查询功能自动生成，后台动态拼SQL追加查询条件；支持多种匹配方式（全匹配/模糊查询/包含查询/不匹配查询）； 10.数据权限（精细化数据权限控制，控制到行级...,表单挂靠,业务流转 15.多数据源：及其简易的使用方式，在线配置数据源配置，便捷的从其他数据抓取数据； 16.国际化：支持多语言，开发国际化项目非常方便； 17.自定义表单，支持用户自定义表单布局，支持单表...其他说明项目使用的 vue-cli3, 请更新您的 cli 关闭 Eslint (不推荐) 移除 package.json 中 eslintConfig 整个节点代码修改 Ant Design 配色...，在文件 vue.config.js 中，其他 less 变量覆盖参考 ant design 官方说明 css: { loaderOptions: { less: { ...modifyVars: { /* less 变量覆盖，用于自定义 ant design 主题 */ 'primary-color': '#F5222D',

7.7K1 0

JeecgBoot 3.5.0 版本发布，开源的企业级低代码平台

前后端分离架构 SpringBoot2.x，SpringCloud，Ant Design&Vue3，Mybatis-plus，Shiro，JWT 支持微服务。强大的代码生成器让前后端代码一键生成!...升级SQL 改动太多，见链接不兼容改造租户进行了大重构，所有的系统表都加入了租户ID字段用户与租户的关系采用中间表租户Header中的租户KEY命名改为：X-Tenant-Id 系统模块敏感接口加了权限注解...新增数据，db中sys_depart,tenant_id为0 #4505 【BUG】--数据源管理-新增数据源未返回正确结果 #4294 useForm的getFieldsValue将数组转成字符导致无法读取上传文件...，流程附加页面也有此问题给部门表加个是否有子节点，提升性能钉钉对接https前缀问题【issues/I5WRIN】 header中租户key命名不规范由tenant-id改成 X-Tenant-Id...采用最新主流前后分离框架（SpringBoot+Mybatis-plus+Ant-Design+Vue），容易上手; 代码生成器依赖性低,灵活的扩展能力，可灵活实现二次开发; 开发效率很高,采用代码生成器

1.5K3 0

Jeecg-Boot 快速开发平台

全新架构前后端分离：SpringBoot 2.x，Ant Design&Vue&，Mybatis，Shiro，JWT。强大的代码生成器让前后端代码一键生成，无需写任何代码，绝对是全栈开发福音！！...前后端分离架构：SpringBoot,Ant Design Vue,Mybatis,Shiro,JWT。...选型 为什么选择JEECG-BOOT?...、截取显示控件、报表组件，编辑器等等 9.查询过滤器：查询功能自动生成，后台动态拼SQL追加查询条件；支持多种匹配方式（全匹配/模糊查询/包含查询/不匹配查询）； 10.数据权限（精细化数据权限控制，控制到行级...前端 Vue 2.6.10,Vuex,Vue Router Axios ant-design-vue webpack,yarn vue-cropper - 头像裁剪组件 @antv/g2 - Alipay

2.6K2 0

推荐一款Github霸榜，Twitter上大火开源低代码项目

前后端分离架构 SpringBoot2.x 和 3.x，SpringCloud，Ant Design Vue3，Mybatis-plus，Shiro，JWT，支持微服务。...采用最新主流前后分离框架（SpringBoot+Mybatis-plus+Ant-Design+Vue），容易上手；代码生成器依赖性低，灵活的扩展能力，可灵活实现二次开发；开发效率很高，采用代码生成器，...、截取显示控件、报表组件，编辑器等等查询过滤器：查询功能自动生成，后台动态拼 SQL 追加查询条件；支持多种匹配方式（全匹配 / 模糊查询 / 包含查询 / 不匹配查询）；数据权限（精细化数据权限控制，...、时间空间等);提供单点登录 CAS 集成方案，项目中已经提供完善的对接代码表单设计器，支持用户自定义表单布局，支持单表，一对多表单、支持 select、radio、checkbox、textarea、...date、popup、列表、宏等控件专业接口对接机制，统一采用 restful 接口方式，集成 swagger-ui 在线接口文档，Jwt token 安全验证，方便客户端对接接口安全机制，可细化控制接口授权

1301 0

JeecgBoot 3.4.3 版本发布，低代码功能专项升级

前后端分离架构 SpringBoot2.x，SpringCloud，Ant Design&Vue，Mybatis-plus，Shiro，JWT 支持微服务。强大的代码生成器让前后端代码一键生成!...(钻取）为什么选择 JeecgBoot?...采用最新主流前后分离框架（SpringBoot+Mybatis-plus+Ant-Design+Vue），容易上手; 代码生成器依赖性低,灵活的扩展能力，可灵活实现二次开发;开发效率很高,采用代码生成器...，表单字段级，实现不同人看不同数据，不同人对同一个页面操作不同字段在线配置报表（无需编码，通过在线配置方式，实现曲线图，柱状图，数据等报表）页面校验自动生成(必须输入、数字校验、金额校验、时间空间等);...列表、宏等控件专业接口对接机制，统一采用restful接口方式，集成swagger-ui在线接口文档，Jwt token安全验证，方便客户端对接接口安全机制，可细化控制接口授权，非常简便实现不同客户端只看自己数据等控制高级组合查询功能

1.6K4 0

Ant Design Vue使用记录，持续记录

Ant Design Vue 1.x 1.Form组件（2.x之后用法不同） Form.create(options) | this.form.createForm(this, options) ，通过...，每个输入型组件都可以通过v-decorator自定义自己的行为（表单验证等）。...经过 getFieldDecorator或v-decorator 包装的控件，表单控件会自动添加 value（或 valuePropName 指定的其他属性） onChange（或 trigger 指定的其他属性...单独使用message和Modal组件时，需要单独引入css import "ant-design-vue/es/message/style/css" import "ant-design-vue/es...，不填写name时不会进行校验通过自定义验证方法，来验证form绑定的数据对象，内部对象的属性是否有效。

5.1K3 0

JeecgBoot低代码平台 3.5.2，仪表盘版本发布！重磅新功能—支持在线拖拽设计大屏和门户

前后端分离架构 SpringBoot2.x，SpringCloud，Ant Design&Vue3，Mybatis-plus，Shiro，JWT 支持微服务。强大的代码生成器让前后端代码一键生成!...#535菜单编辑页面菜单图标选择模板，每页显示数量切换无效 #4947运行 pnpm preview 命令进入预览模式，登录界面验证码显示404 #4859Modal控件设置 :title = null...采用最新主流前后分离框架（SpringBoot+Mybatis-plus+Ant-Design+Vue），容易上手; 代码生成器依赖性低,灵活的扩展能力，可灵活实现二次开发;开发效率很高,采用代码生成器...，表单字段级，实现不同人看不同数据，不同人对同一个页面操作不同字段在线配置报表（无需编码，通过在线配置方式，实现曲线图，柱状图，数据等报表）页面校验自动生成(必须输入、数字校验、金额校验、时间空间等);...提供单点登录CAS集成方案，项目中已经提供完善的对接代码表单设计器，支持用户自定义表单布局，支持单表，一对多表单、支持select、radio、checkbox、textarea、date、popup、

8082 0

JeecgBoot 2.4.2 积木报表版本发布，基于 Spring Boot 的低代码平台

前后端分离架构 SpringBoot2.x，SpringCloud，Ant Design&Vue，Mybatis-plus，Shiro，JWT 支持微服务。强大的代码生成器让前后端代码一键生成!...，省去了组件手工引入升级ant-design-vue到最新1.7.2 CardList列表加载不出来处理消除路由编辑界面添加path报错用户编辑头像为空的情况下，无法改头像系统公告，查看均可编辑保存成功修改...采用最新主流前后分离框架（SpringBoot+Mybatis-plus+Ant-Design+Vue），容易上手; 代码生成器依赖性低,灵活的扩展能力，可灵活实现二次开发; 开发效率很高,采用代码生成器...、截取显示控件、报表组件，编辑器等等查询过滤器：查询功能自动生成，后台动态拼SQL追加查询条件；支持多种匹配方式（全匹配/模糊查询/包含查询/不匹配查询）；数据权限（精细化数据权限控制，控制到行级，...、列表、宏等控件专业接口对接机制，统一采用restful接口方式，集成swagger-ui在线接口文档，Jwt token安全验证，方便客户端对接接口安全机制，可细化控制接口授权，非常简便实现不同客户端只看自己数据等控制

1.9K3 0

JeecgBoot低代码平台 v3.6.0大版本发布—1024 程序员节快乐~

前后端分离架构 SpringBoot2.x，SpringCloud，Ant Design&Vue3，Mybatis-plus，Shiro，JWT 支持微服务。强大的代码生成器让前后端代码一键生成!...，查询条件样式错位修复为什么选择 JeecgBoot?...采用最新主流前后分离框架（SpringBoot+Mybatis-plus+Ant-Design+Vue），容易上手; 代码生成器依赖性低,灵活的扩展能力，可灵活实现二次开发;开发效率很高,采用代码生成器...、截取显示控件、报表组件，编辑器等等查询过滤器：查询功能自动生成，后台动态拼SQL追加查询条件；支持多种匹配方式（全匹配/模糊查询/包含查询/不匹配查询）；数据权限（精细化数据权限控制，控制到行级，列表级...列表、宏等控件专业接口对接机制，统一采用restful接口方式，集成swagger-ui在线接口文档，Jwt token安全验证，方便客户端对接接口安全机制，可细化控制接口授权，非常简便实现不同客户端只看自己数据等控制高级组合查询功能

3961 0

低代码平台，JeecgBoot v3.0版本发布—新里程牌开始，迎接VUE3版本到来

前后端分离架构 SpringBoot2.x，SpringCloud，Ant Design&Vue，Mybatis-plus，Shiro，JWT 支持微服务。强大的代码生成器让前后端代码一键生成!...Online表单支持自定义弹出表单宽度升级Mysql驱动包，解决MySQL JDBC XXE漏洞(CVE-2021-2471) Issues修复 Online表单对接积木报表接口参数不匹配问题 #3106...2.4.6 钉钉人员同步时手机号未能正确同步 I471XE 微服务版集成企业微信单点登录 #2959 JEditable 下子表 addBefore()方法，在其中自定义调用其他方法不生效如何解决 #2939...不能被Spring统一拦截（过滤器异常）#I40JKA 联动组件显示问题 #3084 导入定时任务，并不会被启动和调度，需要手动点击启动，才会加入调度任务中 #2986 Online表单如果是附表，控件类型选项缺少了多行文本...采用最新主流前后分离框架（SpringBoot+Mybatis-plus+Ant-Design+Vue），容易上手; 代码生成器依赖性低,灵活的扩展能力，可灵活实现二次开发; 开发效率很高,采用代码生成器

1.6K4 0

JeecgBoot 3.4.0 版本发布，微服务重构版本

前后端分离架构 SpringBoot2.x，SpringCloud，Ant Design&Vue，Mybatis-plus，Shiro，JWT 支持微服务。强大的代码生成器让前后端代码一键生成!...采用最新主流前后分离框架（SpringBoot+Mybatis-plus+Ant-Design+Vue），容易上手; 代码生成器依赖性低,灵活的扩展能力，可灵活实现二次开发;开发效率很高,采用代码生成器...、截取显示控件、报表组件，编辑器等等查询过滤器：查询功能自动生成，后台动态拼SQL追加查询条件；支持多种匹配方式（全匹配/模糊查询/包含查询/不匹配查询）；数据权限（精细化数据权限控制，控制到行级，列表级...，表单字段级，实现不同人看不同数据，不同人对同一个页面操作不同字段在线配置报表（无需编码，通过在线配置方式，实现曲线图，柱状图，数据等报表）页面校验自动生成(必须输入、数字校验、金额校验、时间空间等);...列表、宏等控件专业接口对接机制，统一采用restful接口方式，集成swagger-ui在线接口文档，Jwt token安全验证，方便客户端对接接口安全机制，可细化控制接口授权，非常简便实现不同客户端只看自己数据等控制高级组合查询功能

1.1K4 0

JeecgBoot 3.5.1 版本发布，开源的企业级低代码平台

前后端分离架构 SpringBoot2.x，SpringCloud，Ant Design&Vue3，Mybatis-plus，Shiro，JWT 支持微服务。强大的代码生成器让前后端代码一键生成!...采用最新主流前后分离框架（SpringBoot+Mybatis-plus+Ant-Design+Vue），容易上手; 代码生成器依赖性低,灵活的扩展能力，可灵活实现二次开发;开发效率很高,采用代码生成器...、截取显示控件、报表组件，编辑器等等查询过滤器：查询功能自动生成，后台动态拼SQL追加查询条件；支持多种匹配方式（全匹配/模糊查询/包含查询/不匹配查询）；数据权限（精细化数据权限控制，控制到行级，列表级...提供单点登录CAS集成方案，项目中已经提供完善的对接代码表单设计器，支持用户自定义表单布局，支持单表，一对多表单、支持select、radio、checkbox、textarea、date、popup、...列表、宏等控件专业接口对接机制，统一采用restful接口方式，集成swagger-ui在线接口文档，Jwt token安全验证，方便客户端对接接口安全机制，可细化控制接口授权，非常简便实现不同客户端只看自己数据等控制高级组合查询功能

1.1K1 0

GitHub 近两万 Star，无需编码，可一键生成前后端代码，这个开源项目有点强！

前后端分离架构 SpringBoot2.x，SpringCloud，Ant Design&Vue，Mybatis-plus，Shiro，JWT，支持微服务。...前端 Vue 2.6.10 Axios ant-design-vue webpack, vue-cropper- 头像裁剪组件 @antv/g2 – Alipay AntV 数据可视化图表 Viser-vue...安装node.js 切换到ant-design-jeecg-vue文件夹下 # 安装yarn npm install -g yarn # 下载依赖 yarn install # 启动 yarn run...) 移除 package.json 中 eslintConfig 整个节点代码修改 Ant Design 配色，在文件 vue.config.js 中，其他 less 变量覆盖参考 ant design...ant design 主题 */ 'primary-color': '#F5222D', 'link-color': '#F5222D',

2K4 0

讲一讲Vue+Ant Design表单验证

与Vue搭配的后台管理UI框架，最火的莫过于饿了吗的element-ui和阿里的Ant Design，这两个框架都在实际项目上使用过，也都是各有各的优点 ?...最先接触的还是element - ui，后来项目调整，才接触到Ant Design，Form表单这块不支持双向绑定式的校验功能，在1.5.0+版本增加了FormModel表单才支持。...今天就讲讲这两个在项目上使用的区别 1 Form 表单具有数据收集、校验和提交功能的表单，包含复选框、单选框、输入框、下拉选择框等元素。...`, }); 赋值的时候需要调用setFieldsValue才能改变表单控件的值。...表单验证a-form-model增加rules，再每个表单增加ref和prop就可以了，rules这个是对象，所以的验证规则都可以写在里面，一个表单项也可以有多个验证规则。

3.5K14 12

JeecgBoot 3.2.0 版本发布，基于代码生成器的企业级低代码平台

前后端分离架构 SpringBoot2.x，SpringCloud，Ant Design&Vue，Mybatis-plus，Shiro，JWT 支持微服务。强大的代码生成器让前后端代码一键生成!...，存在安全隐患#3555 vue2代码生成的vue3代码中，data.ts文件里，componentProps后面少一个逗号#I4ZRF3 为什么选择 JeecgBoot?...采用最新主流前后分离框架（SpringBoot+Mybatis-plus+Ant-Design+Vue），容易上手; 代码生成器依赖性低,灵活的扩展能力，可灵活实现二次开发; 开发效率很高,采用代码生成器...、截取显示控件、报表组件，编辑器等等查询过滤器：查询功能自动生成，后台动态拼SQL追加查询条件；支持多种匹配方式（全匹配/模糊查询/包含查询/不匹配查询）；数据权限（精细化数据权限控制，控制到行级，...); 提供单点登录CAS集成方案，项目中已经提供完善的对接代码表单设计器，支持用户自定义表单布局，支持单表，一对多表单、支持select、radio、checkbox、textarea、date、popup

8093 0

【ChatGPT】JeecgBoot v3.6.3 AI版本发布，企业级低代码平台

前后端分离架构 SpringBoot2.x，SpringCloud，Ant Design&Vue3，Mybatis-plus，Shiro，JWT 支持微服务。强大的代码生成器让前后端代码一键生成!...，为什么打开已有的记录，会触发提示“请输入”验证？...确认框待端后端返回过程中（处理中）样式错乱 · Issue #1019高级查询, 还原历史查询时不显示中文的字段名 · Issue #962仪表盘设计中json数据源href配置了，但是不生效，点击没反应...· Issue #1027编辑表单中,校验必填时,如果组件是ApiSelect,打开编辑页面时,即使该字段有值,也会提示请选择 · Issue #1038a-progress组件直接在页面中使用，页面上无法显示进度条...· Issue #5867官方演示平台系统角色中问题 · Issue #1064JVxeInputCell小数输入有问题小数点后第一位是非0第二位是0就不能输入了例如输入100.102会变成100.12

2061 0

JeecgBoot 2.4.6 版本发布，基于代码生成器的企业级低代码平台

前后端分离架构 SpringBoot2.x，SpringCloud，Ant Design&Vue，Mybatis-plus，Shiro，JWT 支持微服务。强大的代码生成器让前后端代码一键生成!...限制编辑有用 #I3V547 online表单中，下拉多选框控件无法查询 #I3N16Y 从2.4.3更新后online表单开发，js增强使用beforeEdit方法，编辑点击无效，删除beforeEdit...采用最新主流前后分离框架（SpringBoot+Mybatis-plus+Ant-Design+Vue），容易上手; 代码生成器依赖性低,灵活的扩展能力，可灵活实现二次开发; 开发效率很高,采用代码生成器...、截取显示控件、报表组件，编辑器等等查询过滤器：查询功能自动生成，后台动态拼SQL追加查询条件；支持多种匹配方式（全匹配/模糊查询/包含查询/不匹配查询）；数据权限（精细化数据权限控制，控制到行级，...、列表、宏等控件专业接口对接机制，统一采用restful接口方式，集成swagger-ui在线接口文档，Jwt token安全验证，方便客户端对接接口安全机制，可细化控制接口授权，非常简便实现不同客户端只看自己数据等控制

1.8K1 0

JeecgBoot低代码开发平台 3.5.3 版本发布，Online功能专题升级

前后端分离架构 SpringBoot2.x，SpringCloud，Ant Design&Vue3，Mybatis-plus，Shiro，JWT 支持微服务。强大的代码生成器让前后端代码一键生成!...采用最新主流前后分离框架（SpringBoot+Mybatis-plus+Ant-Design+Vue），容易上手; 代码生成器依赖性低,灵活的扩展能力，可灵活实现二次开发;开发效率很高,采用代码生成器...、截取显示控件、报表组件，编辑器等等查询过滤器：查询功能自动生成，后台动态拼SQL追加查询条件；支持多种匹配方式（全匹配/模糊查询/包含查询/不匹配查询）；数据权限（精细化数据权限控制，控制到行级，列表级...，表单字段级，实现不同人看不同数据，不同人对同一个页面操作不同字段在线配置报表（无需编码，通过在线配置方式，实现曲线图，柱状图，数据等报表）页面校验自动生成(必须输入、数字校验、金额校验、时间空间等);...列表、宏等控件专业接口对接机制，统一采用restful接口方式，集成swagger-ui在线接口文档，Jwt token安全验证，方便客户端对接接口安全机制，可细化控制接口授权，非常简便实现不同客户端只看自己数据等控制高级组合查询功能

5012 0

国产开源极致的微前端框架,成本低,速度快,原生隔离,功能强

如echart，datav，饿了么UI，百度地图，高德地图，antUI，各种自定义组件等。...7.vue源码生成采用jquery+jquerytemplate模板生成，根据不同业务，框架生成不同风格，业务，框架的代码，如目前已有项目适应的表单有：element-ui表单，ant-ui表单，mini-ui...而生成的代码由jquerytemplate 模板语法生成，所以可以支持element-ui框架，mini——ui框架，ant design框架，uniapp框架的源码生成，但是需要如下解决红色文字问题...输入图片说明 Mybatis动态接口在线动态接口,保存后即可生成增，删，查，导出，导入的动态接口，也可以编辑修改动态接口动态接口接口编辑，可智能提示表名，表字段接口参数后端验证列表接口字段显示...流程平台流程平台与表单引擎进行了很好融合，每个节点可以控制表单控件的只读，必填，显示，审批人可以是具体人员，角色，机构部门，也可以是表单控件值。

1.9K2 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭