当前位置: 首页 > article >正文

react的antd表单校验,禁止输入空格并触发校验提示

首先需要用到form组件,在form.item内添加rules属性,写正则表达式

<Form.Item
  label="员工姓名"
  name="name"
  rules={[
    { required: true, message: '员工姓名' },
    { pattern: /^(?!\s*$).+$/, message: '不能全是空格' },
   ]}
  >
<Input placeholder="请输入员工姓名" />
</Form.Item>

关键代码:{ pattern: /^(?!\s*$).+$/, message: '不能全是空格' }


http://www.kler.cn/a/535808.html

相关文章:

  • Python因为网络原因安装依赖库报错
  • java时间相关类
  • 生产环境超实用shell脚本一
  • Redis bitmap应用
  • AspectJ 中通知方法参数绑定
  • 车载软件架构 --- 基于AUTOSAR软件架构的ECU开发流程小白篇
  • 【中间件】 Kafka
  • spring基础总结
  • 【kafka实战】04 Kafka生产者发送消息过程源码剖析
  • 深入浅出 NRM:加速你的 npm 包管理之旅
  • 图论- DFS/BFS遍历
  • Java面试汇总>>>初级工程师—面试1000题
  • CSV数据分析智能工具(基于OpenAI API和streamlit)
  • Netty之JavaNIO编程模型介绍01
  • 基于docker搭建Kafka集群,使用内部自带的Zookeeper方式搭建
  • Java进阶:Zookeeper相关笔记
  • E卷-螺旋数字矩阵-(100分)
  • langchain教程-3.OutputParser/输出解析
  • websocket自动重连封装
  • MyBatis核心配置文件详解:从层级关系到实战配置
  • Oh3.2项目升级到Oh5.0(鸿蒙Next)具体踩坑记录(一)
  • 如何打开vscode系统用户全局配置的settings.json
  • JS实现一个通用的循环填充数组的方法
  • React--》使用Toast UI Calendar实现可定制日历的技巧与实践
  • Vim跳转文件及文件行结束符EOL
  • A2DP/HFP音频蓝牙模块+玩具,开启儿童成长智能时代