AntD中Form的input正则校验:不能输入空格

什么是正则表达式?
在编写处理字符串的程序或网页时,经常有查找符合某些复杂规则的字符串的需要。正则表达式就是用于描述这些规则的工具。换句话说,正则表达式就是记录文本规则的代码。

 

正则test() 方法

定义和用法

test() 方法用于检测一个字符串是否匹配某个模式.

如果字符串中有匹配的值返回 true ,否则返回 false。

语法

RegExpObject.test(string)

Javascript 判断是移动端浏览器还是 PC 端浏览器:

if( /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) ) {console.log("移动")
} else {console.log("PC")
}

Input不能输入空格正则校验

AntDesign中的Form表单其实提供了非常丰富的校验方式,有两种方式解决input不能输入空格的问题(具体看自己的需求),其它的校验也是大同小异,直接上代码

<Form.Item label="名字" name='name'rules={[{required: true,message: '请输入名字',},// 方式一:正则匹配(提示错误,阻止表单提交){pattern: /^[^\s]*$/,message: '禁止输入空格',}]}// 方式二:粗暴点<Input>不允许输入空格(其实是将e.tartget.value转成控件自己的值)// 这个方法的用途非常强大,还可以结合upload做一些文件上传之后的回调处理getValueFromEvent={(event) => {return event.target.value.replace(/\s+/g,"")}}><Input size="large" placeholder="请输入名字" maxLength={20} />
</Form.Item>

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/247192.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

引用数据类型分类

引用类既是自己定义的一个类&#xff0c;后面应用非常广泛 类的定义格式 创建java文件&#xff0c;与类名相同 public class 类名{ 数据类型 属性名称1&#xff1b; 数据类型 属性名称2&#xff1b; … } publicclass Phone { /* * 属性 */ String brand;// 品牌型号 String …

关于英文邮件一些tips

需要写的英文邮件多了&#xff0c;就觉得很吃力&#xff0c;尤其是当需要经常写给同一个人时。希望邮件的开头、结尾、一些客套的话能有不同的表达~~ 邮件的开头&#xff1a;感谢读者是邮件开场白的好办法。感谢您的读者能让对方感到高兴&#xff0c;特别是之后你有事相求的情…

react之react-spring动效库

react-spring具有基于钩子和基于组件的API&#xff0c;这里将专门针对所有动画使用具有基本状态的钩子. framer-motion也很好用,但是体积2M多,太大了劝退 react-spring才6KB. react-spring npm搜索 老官网react-spring 官网Getting started | React Spring 做了个横向遍…

Java生鲜电商平台-电商中海量搜索ElasticSearch架构设计实战与源码解析

Java生鲜电商平台-电商中海量搜索ElasticSearch架构设计实战与源码解析 生鲜电商搜索引擎的特点 众所周知&#xff0c;标准的搜索引擎主要分成三个大的部分&#xff0c;第一步是爬虫系统&#xff0c;第二步是数据分析&#xff0c;第三步才是检索结果。首先&#xff0c;电商的搜…

并行批处理多个文件 matlab

%初始化matlab并行运行环境 % Initialize Matlab Parallel Computing Environment CoreNum2; %设定机器CPU核心数量&#xff0c;我的机器是双核&#xff0c;所以CoreNum2 if matlabpool(size)<0 %判断并行计算环境是否已然启动 matlabpool(open,local,CoreNum); %若尚未启动…

答应我不要问TCP三次握手四次挥手

衍生头疼问题如下。 请画出三次握手和四次挥手的示意图为什么连接的时候是三次握手&#xff1f;什么是半连接队列&#xff1f;ISN(Initial Sequence Number)是固定的吗&#xff1f;三次握手过程中可以携带数据吗&#xff1f;如果第三次握手丢失了&#xff0c;客户端服务端会如…

专业术语常用名词缩写中英文对照

A:Actuator 执行器A:Amplifier 放大器A:Attendance员工考勤A:Attenuation衰减AA:Antenna amplifier 开线放大器AA:Architectural Acoustics建筑声学AC:Analogue Controller 模拟控制器ACD:Automatic Call Distribution 自动分配话务ACS:Access Control System出入控制系统AD:Ad…

推荐!国外程序员整理的机器学习资源大全

本列表选编了一些机器学习领域牛B的框架、库以及软件&#xff08;按编程语言排序&#xff09;。 C 计算机视觉 CCV —基于C语言/提供缓存/核心的机器视觉库&#xff0c;新颖的机器视觉库OpenCV—它提供C, C, Python, Java 以及 MATLAB接口&#xff0c;并支持Windows, Linux,…

做任务一定要看测试用例

做任务的时候一定要一开始就看测试用例。虽然有的任务自己很熟&#xff0c;但是如果不时时关注测试用例的话&#xff0c;还是容易走偏&#xff0c;到后头再去修改的话&#xff0c;会浪费不少时间。 转载于:https://www.cnblogs.com/superhuake/archive/2011/09/09/2172008.html…

深度学习鼻祖杰夫·辛顿及巨头们的人才抢夺战

摘要&#xff1a;深度学习已经诞生了数十年时间&#xff0c;但直到近几年才受到各大科技公司的重视&#xff0c;被认为是硅谷科技企业的未来&#xff0c;今天为大家介绍的是深度学习的开山鼻祖Geoffrey Hinton。在过去的三十年&#xff0c;深度学习运动一度被认为是学术界的一个…

EM算法(Expectation Maximization Algorithm)

文章目录 1. 前言 2.基础数学知识2.1.凸函数2.2.Jensen不等式 3.EM算法所解决问题的例子 4.EM算法4.1.模型说明 4.2.EM算法推导 4.3.EM算法收敛性证明 4.4. EM算法E步说明 5.小结 6.主要参考文献1. 前言 这是本人写的第一篇博客(2013年4月5日发在cnblogs上,现在迁移过来)&#…

Julia语言:让高性能科学计算人人可用

摘要&#xff1a;一群科学家对现有计算工具感到不满&#xff1a;他们想要一套开源系统&#xff0c;有C的快速&#xff0c;Ruby的动态&#xff0c;Python的通用&#xff0c;R般在统计分析上得心应手&#xff0c;Perl的处理字符串处理&#xff0c;Matlab的线性代数运算能力……易…

View Animation

转载一篇关于view animation的文章 http://blog.csdn.net/nerohoop/article/details/7245909 补充&#xff1a;当启用animation来改变值的时候&#xff0c;值是立刻就改变了的&#xff0c;然后才开始动画。 转载于:https://www.cnblogs.com/mystory/archive/2012/12/18/2824029…

编程能力的四种境界

人类心理学研究中的一个基础支撑科目就是分析人的潜意识和意识。 弗洛伊德是最早的一位能够清楚的认定和描述我们的心理活动“领域”的人。 在他这著名的一生的早期&#xff0c;他就指出我们的意识里分“潜意识”&#xff0c;“前意识”&#xff0c;“意识”。 如 果我们想能清…

ファイルアップロード関連のjQueryプラグイン10攻略

ファイルアップロード関連のjQueryプラグイン&#xff11;&#xff10;ファイルアップロードといってもSWFを使ったりAJAXを使ったりと方法が色々あって、いろんなやり方ができるjQueryプラグインです。望みの挙動に近いものを選んでカスタマイズすれば作りたいものが最速で作れ…

HTTP报文(转)

HTTP报文http://www.cnblogs.com/kissdodog/archive/2013/04/01/2993228.html之前写过一篇HTML报文&#xff0c;但是感觉写完之后还是不懂&#xff0c;最近终于有时间开始看《HTTP权威指南》&#xff0c;看完之后觉得还是比之前的理解更加深入了&#xff0c;提取HTTP报文出来做…

C#基础-应用程序域

文章导读同一台计算上的应用程序是通过进程来隔离的&#xff0c;每个应用程序都是加载到不同的进程中&#xff0c;从而达到应用程序的互不影响。操作系统【OS】通过进程控制块【PCB】感知进程的存在&#xff0c;分析【PCB】的数据结构可以发现&#xff0c;【PCB】维护进程运行的…

Java生鲜电商平台-微服务入门与服务的拆分架构实战

Java生鲜电商平台-微服务入门与服务的拆分架构实战 刚开始进入软件行业时还是单体应用的时代&#xff0c;前后端分离的概念都还没普及&#xff0c;开发的时候需要花大量的时间在“强大”的JSP上面&#xff0c;那时候SOA已经算是新技术了。现在&#xff0c;微服务已经大行其道&a…

详解MTK系统中字符转换问题

详解MTK系统中字符转换问题 2011-09-05 19:02 佚名 互联网 字号&#xff1a;T | TMTK系统中字符转换问题是本文要介绍的内容&#xff0c;主要是来了解并学习MTK中一些小案例的应用&#xff0c;具体内容来看本文详解。 AD&#xff1a;2014WOT全球软件技术峰会北京站 课程视频发布…

Java生鲜电商平台-微服务架构概述

Java生鲜电商平台-微服务架构概述 单体架构存在的问题 在传统的软件技术架构系统中&#xff0c;基本上将业务功能集中在单一应用内&#xff0c;或者是单一进程中。尽管现代化的软件架构理论以及设计原则已推广多年&#xff0c;但实际技术衍化的速度迟缓并且变革动力不足。 其中…