antDesign Form表单校验(react)

devtools/2024/11/14 19:11:33/

<script><Form name="basic" ref={formRef} onFinish={onFinish}><Form.Itemlabel='校验'name="check"rules={[// 校验必填{required: true,message: '请输入!'},// 校验输入字符数限制{validator: (_, value) =>value && value.length > 500? Promise.reject(new Error('输入内容不能超过500个字符!')): Promise.resolve(),},// 校验输入的不能为负数{validator: (_, value) =>value && value < 0? Promise.reject(new Error('输入内容不能为负数!')): Promise.resolve(),},// 校验手机号{pattern: /^1\d{10}$/,message: '手机号格式错误!',},// 校验密码{validator: (_, value) =>value && !/^(?=.*[a-zA-Z])(?=.*\d)(?=.*[\W_]).{8,}$/.test(value)? Promise.reject(new Error('密码必须包含至少8个字符,一个字母,一个数字和一个特殊符号!')): Promise.resolve()},// 校验两次输入的密码是否一致{validator: (_, value) =>value && value !== formRef.current?.getFieldValue('newPassword')? Promise.reject(new Error('两次输入的密码不一致!')): Promise.resolve(),}]}><Input /></Form.Item></Form></script>

注:本人前端小白 ,如有不对的地方还请多多指教


http://www.ppmy.cn/devtools/4094.html

相关文章

分类网络总结

欢迎大家订阅我的专栏一起学习共同进步&#xff0c;主要针对25届应届毕业生 祝大家早日拿到offer&#xff01; lets go http://t.csdnimg.cn/dfcH3 目录 4. 经典分类网络与发展 4.1 AlexNet 4.2 VGGNet 4.3 GoogLeNet Inception 4.4 ResNet 4.5 DenseNet 4.6 MobileN…

监督算法建模前数据质量检查

一、定义缺失值检测函数 def missing_values_table(df):# 总的缺失值mis_val df.isnull().sum()# 缺失值占比mis_val_percent 100 * df.isnull().sum() / len(df)# 将上述值合并成表mis_val_table pd.concat([mis_val, mis_val_percent], axis1)# 重命名列名mis_val_table_…

Matlab三维空间任意位置绘制二维强度图

三维空间任意位置绘制二维强度图, 上述使matlab代码,给出了U_slice123三个切片信息,以及一个三维等值面图,如何实现下图效果? % 你的原始代码 N = 100; c = 3e+8; xbound = 400e-6; tbound = 1.5e-12; ybound = 400e-6; w = 1; t = linspace(tbound, -tbound, N); x =…

BOOT和UBOOT区别与联系

一、定义 1.1 Boot&#xff08;启动&#xff09; 在计算机和嵌入式系统的基本概念中&#xff0c;“boot”是指启动过程&#xff0c;这是一个系统从加电开始直至进入操作系统运行状态的过程。在嵌入式系统中&#xff0c;这个过程通常包括初始化硬件、加载并执行引导加载…

一个开源跨平台嵌入式USB设备协议:TinyUSB

概述 TinyUSB 是一个用于嵌入式系统的开源跨平台 USB 主机/设备堆栈&#xff0c;设计为内存安全&#xff0c;无需动态分配&#xff0c;线程安全&#xff0c;所有中断事件都被推迟&#xff0c;然后在非 ISR 任务函数中处理。查看在线文档以获取更多详细信息。 源码链接&#xff…

【unity】【C#】游戏音乐播放和发布

今天我们来认识一下有关 unity 音乐的一些知识 我们先创建 AudioClips 文件夹&#xff0c;这个文件夹通常就是 unity 中存放音乐的文件夹&#xff0c;然后拖进音乐文件进去 这里为大家提供了两个音乐&#xff0c;有需要可以自取 百度网盘&#xff1a;https://pan.baidu.com/s…

R 格式(蓝桥杯)

文章目录 R 格式【问题描述】解题思路高精度乘法高精度加法 R 格式 【问题描述】 小蓝最近在研究一种浮点数的表示方法&#xff1a;R 格式。对于一个大于 0 的浮点数 d&#xff0c;可以用 R 格式的整数来表示。给定一个转换参数 n&#xff0c;将浮点数转换为 R格式整数的做法…

Python 字符串 Base64

因消息传输的需要&#xff0c;我们需要对大量文本的字符串进行一下 Base64 转换。 这样的好处是因为在传输的字符串中可能有存在一些特殊字符&#xff0c;这些特殊在经过网络传输的时候会出现编码的问题&#xff0c;并且会影响传输稳定性。 使用 Base64 可以避免这个问题。 方…