el-input中设置onkeypress事件是否匹配正则表达式显示输入内容的格式

article/2025/9/23 4:48:03

场景

若依前后端分离版手把手教你本地搭建环境并运行项目:

若依前后端分离版手把手教你本地搭建环境并运行项目_BADAO_LIUMANG_QIZHI的博客-CSDN博客_若依前后端分离搭建

设置el-input的onkeypress事件限制输入内容是否匹配正则表达式。

注:

博客:
BADAO_LIUMANG_QIZHI的博客_霸道流氓气质_CSDN博客-C#,架构之路,SpringBoot领域博主
关注公众号
霸道的程序猿
获取编程相关电子书、教程推送与免费下载。

实现

1、比如限制只能输入数字

                    <el-inputv-model="form.exUpperLimit"placeholder="请输入排温上限"type="number"onkeypress="return(/[0-9]/.test(String.fromCharCode(event.keyCode)))"/>

2、如果要更改正则表达式只更改前面的部分比如

                    <el-inputv-model="form.fcUpperLimit"placeholder="甲烷浓度上限"type="number"onkeypress="return(^[1-9]\d*|0$).test(String.fromCharCode(event.keyCode)))"/>

3、限制输入的效果

 


http://chatgpt.dhexx.cn/article/S3FIXRpS.shtml

相关文章

前端开发实习生面试总结

个人感觉面试官对实习生还是很友好的&#xff0c;大部分时候你答不上来都会引导你&#xff0c;最后还会点评你的不足&#xff0c;评价出来的那些问题确实是我自己的短板&#xff01;所以在整个过程中还是学到了很多&#xff01;&#xff01; 本人坐标南京&#xff0c;南京投的相…

datacenter 2

突然综合类又有新的事情了 页面能顺利打开了 但是好像值传不过去 之前不知道为什么输出了三十次 之前是判断两个不为4和200 然后else输出 现在改了之后只输入10次 但是出现通讯错误那个问题

数据中心与云数据中心

数据中心与云数据中心 数据中心&#xff08;DC&#xff0c;DataCenter&#xff09;是指在一个物理空间内实现信息的集中处理、存储、传输、管理等功能&#xff0c;它包括服务器、存储、网络等关键设备和这些关键设备运行所需要的环境因素&#xff0c;如供电、制冷、消防、监控等…

阿里云cassandra数据库datacenter查看

在使用阿里云的cassandra数据库时需要注意的是下图中的数据中心ID对应cassandra中的datacenter&#xff0c;而不是数据中心的名称&#xff01;&#xff01;&#xff01; 即SessionBuilder.withLocalDatacenter方法要使用阿里云cassandra官方文档中的数据中心ID public SelfT w…

英特尔固态硬盘测试软件,英特尔固态硬盘工具(Intel SSD Datacenter Tool)

英特尔固态硬盘数据中心工具Intel SSD Datacenter Tool是一个有用的命令行应用程序&#xff0c;特别适合管理 910 系列的英特尔SSD固态驱动器。如果用户的硬盘是英特尔的就需要下载一个这样的软件&#xff0c;软件能对硬盘进行检测和固件升级&#xff0c;有需要的可以下载使用。…

ICNP‘2019 Congestion Control for Cross-Datacenter Networks论文阅读笔记

文章目录 BackgroundGeminiDiscussion Background 现代的一些大规模在线服务会将他们的信息储存在不同地域的数据中心当中&#xff0c;并且这种分布以及变得越来越流行了。这意味着&#xff0c;有一些流会同时经过数据中心与广域网。(和Annulus中提到的是同一个问题) 实际上这…

2008服务器文件夹镜像,【玩转腾讯云】导入镜像-Windows 2008 R2 Datacenter

微软发布对 Windows Server 2008 和 2008 R2 的支持已于 2020 年 1 月 14 日结束。 这意味着定期安全更新也已终止,将不会有额外的: 免费本地安全更新 非安全更新 免费支持选项 在线技术内容更新 各云服务商也发布了相关下线 Windows 2008 系列镜像的公告 【腾讯云】关于Wind…

VMware Workstation中安装Windows Server 2022 DataCenter(数据中心)无桌面版且配置远程桌面

一、实现效果 二、安装配置操作 2.1、下载Windows Server 2022的iso镜像 原版软件 (itellyou.cn)https://next.itellyou.cn/Original/Index#

Windows 11 与 Windows Server 2019 Datacenter 下部署 适用于Linux的windows子系统

提示&#xff1a;一篇完成2个操作系统的步骤 2个版本同时发布 前言电脑版本 提示&#xff1a;Windows11一、安装前CPU需要支持虚拟化技术 二、安装打开Microsoft Store ,搜索 Ubuntu2.获取安装即可 阿里云 提示&#xff1a;Windows Server 2019 Datacenter一、安装前二、安装总…

Windows Server 2019 Datacenter x64 安装 SHARP AR-2048N 打印机驱动

设备信息及驱动准备 打印机型号&#xff1a;SHARP AR-2048N 系统版本&#xff1a;Windows Server 2019 Datacenter x64 官网驱动下载&#xff0c;标准驱动 2048/2348/2648/3148NV&#xff0c;打印驱动程序&#xff08;SPLC打印语言&#xff09;、扫描仪驱动程序 安装场景与问…

NSX-T 3.1 DataCenter学习实践 1

一&#xff0c;基础实验环境搭建 实验环境介绍 实验环境是两台Dell R620服务器&#xff0c;一台MD3220 SAS存储。由于R620只支持到vSphere 6.7&#xff0c;NSX-T最好通过物理机上运行嵌套EXSi虚拟机来实现&#xff0c;这样完全规避了硬件兼容性问题。ESXi虚拟机共享存储有两个…

Windows Server 2019 Datacenter 安装PHP 8.0

下载 下载PHP8.0&#xff0c;这里选择Non Thread Safe下载 https://download.csdn.net/download/qq_17790209/16620755 下载完成后通过FTP服务上传至服务器 这里我比较推荐直接将文件解压到Program File里面 安装 将php.ini.development文件的文件名改为php.ini 之后在该文…

windows server 2016 datacenter添加.net framework3.5失败解决方法

windows server 2016 datacenter添加.net framework3.5失败。 本次环境是使用学校网络中心的堡垒机&#xff0c;进入远程的虚拟机。估计学校在网络访问上做了很多限制&#xff0c;导致使用仪表盘添加角色和功能时候&#xff0c;总是失败。报错误 0x800f0907。 方法一&#xff1…

openLooKeng datacenter connector跨域查询实现原理浅析

前言 当公司发展到了一定的规模之后&#xff0c;一般都会有多个数据中心&#xff0c;或者多个机房&#xff0c;在大数据场景下就会涉及到数据会存放在不同的数据中心HDFS上&#xff0c;有时又需要使用多个数据中心的数据一起计算某些业务逻辑&#xff0c;我们可以称之为东数西…

最简单的Consul集群配置, 双datacenter

官方Doc and API在这儿: https://www.consul.io/docs/internals/architecture.html API操作我一般用curl, 这个附一个命令 curl -H "Content-Type: application/json" -X PUT --data {"Datacenter":"dc1","Node":"[Nodename]&qu…

记一次实战windows 2008 R2 Datacenter 提权

前景&#xff1a;拿到某个站 getshell 上传马后发现权限低&#xff0c;然后就是漫长的提权过程 蚁剑连接到aspx 的马后进入终端先进行信息收集一波&#xff0c;使用命令whoami 可以发现是iis 的权限 使用命令 systeminfo 查看操作系统和打了哪些补丁等等&#xff0c;windows 2…

服务器2019系统无法添加.net3.5,Windows Server 2019 Datacenter 无法安装.Net Framework 3.5

打开应用程序,遇到这样的错误提示,只能说太操蛋了,都2020年了,还有人在使用.Net Framework 3.5这样的版本,按道理讲,.Net Framework 高版本应当兼容低版本程序,然而并不是。 看了一下解释: NET Framework 4.0 不兼容NET Framework 3.5; 如果一个程序是 NET Framework …

认识 Atlassian Datacenter 产品

认识 Atlassian Datacenter 产品 云端原本就是群集化的架构&#xff0c;Atlassian 系列产品&#xff0c;应用的开发团队相当广范且行之有年&#xff0c;但是将应用程序作为节点&#xff08;比如Jira,confluence,bamboo…等應用程式&#xff09;然后群集化的运维团队却是少之又少…

【vSphere | Python】vSphere Automation SDK for Python Ⅲ—— vCenter Datacenter APIs

目录 5. vCenter Datacenter APIs操作5.1 Create Datacenter5.2 List Datacenter5.3 Get Datacenter5.4 Delete Datacenter 参考资料 5. vCenter Datacenter APIs 数据中心服务&#xff08;Datacenter service&#xff09;提供管理 vCenter Server 中数据中心的操作。 操作 …

虚拟机安装Windows server 2019 Datacenter

进入虚拟机&#xff0c;新建虚拟机 选择典型&#xff0c;点击下一步 选择稍后安装&#xff0c;然后下一步 选择第一项Microsoft&#xff0c;版本根据自己映像文件版本来&#xff0c;我是2019&#xff0c;所以这里选择2019&#xff0c;然后下一步 选择位置&#xff0c;名字随便&…