【vue】正则表达式限制input的输入:

news/2024/11/20 7:14:11/

文章目录

            • 1、只能输入大小写字母、数字、下划线:/[^\w_]/g
            • 2、只能输入小写字母、数字、下划线:/[^a-z0-9_]/g
            • 3、只能输入数字和点:/[^\d.]/g
            • 4、只能输入小写字母、数字、下划线:/[^\u4e00-\u9fa5]/g
            • 5、只能输入数字:/\D/g
            • 6、只能输入英文:/[^a-zA-Z]/g
            • 7、只能输入中文、数字、英文:/[^\w\u4E00-\u9FA5]/g
            • 8、只能输入数字和字母:/[\W]/g
            • 9、除了英文的标点符号以外,其他的都可以:/^[^!@#$%^&*()-=+]/g
            • 10、只能输入数字代码(小数点也不能输入):/\D/g
            • 11、只能输入数字,能输小数点:
            • 12、只能输入字母和汉字:
            • 13、只能输入英文字母和数字,不能输入中文:/[^\w\.\/]/ig
            • 14、只能输入数字和英文:/[^\d|chun]/g
            • 15、小数点后只能有最多两位(数字、中文都可输入),不能输入字母和运算符号:
            • 16、小数点后只能有最多两位(数字、字母、中文都可输入):
            • 17、不可输入中文:/[\u4E00-\u9FA5]/g
            • 18、不可输入空格:/\s+/g


<a-input type="text" onkeyup="value=value.replace(正则表达式,'')"> 
如:
<a-input type="text" onkeyup="value=value.replace(/[^\w_]/g,'')"> 
1、只能输入大小写字母、数字、下划线:/[^\w_]/g
2、只能输入小写字母、数字、下划线:/[^a-z0-9_]/g
3、只能输入数字和点:/[^\d.]/g
4、只能输入小写字母、数字、下划线:/[^\u4e00-\u9fa5]/g
5、只能输入数字:/\D/g
6、只能输入英文:/[^a-zA-Z]/g
7、只能输入中文、数字、英文:/[^\w\u4E00-\u9FA5]/g
8、只能输入数字和字母:/[\W]/g
9、除了英文的标点符号以外,其他的都可以:/[!@#$%^&*()-=+]/g
10、只能输入数字代码(小数点也不能输入):/\D/g
<a-input onkeyup="value=value.replace(/\D/g,'')" onafterpaste="value=value.replace(/\D/g,'')"/>
11、只能输入数字,能输小数点:
<a-input onkeyup="if(isNaN(value))execCommand('undo')" onafterpaste="if(isNaN(value))execCommand('undo')"/>
或者:
<a-input onchange="if(/\D/.test(this.value)){alert('只能输入数字');this.value='';}"/>
或者:
<a-input type="text" onkeypress="if(!this.value.match(/^[\+\-]?\d*?\.?\d*?$/))this.value=this.t_value;ase this.t_value=this.value;if(this.value.match(/^(?:[\+\-]?\d+(?:\.\d+)?)?$/))this.o_value=this.value" onkeyup="if(!this.value.match(/^[\+\-]?\d*?\.?\d*?$/))this.value=this.t_value;ase this.t_value=this.value;if(this.value.match(/^(?:[\+\-]?\d+(?:\.\d+)?)?$/))this.o_value=this.value"onblur="if(!this.value.match(/^(?:[\+\-]?\d+(?:\.\d+)?|\.\d*?)?$/))this.value=this.o_value;ase{if(this.value.match(/^\.\d+$/))this.value=0+this.value;if(this.value.match(/^\.$/))this.value=0;this.o_value=this.value}"/>
12、只能输入字母和汉字:
<a-input onkeyup="value=value.replace(/[\d]/g,'')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[\d]/g,''))" maxlength=10 name="Numbers"/>
13、只能输入英文字母和数字,不能输入中文:/[^\w./]/ig
14、只能输入数字和英文:/[^\d|chun]/g
15、小数点后只能有最多两位(数字、中文都可输入),不能输入字母和运算符号:
<a-input onKeyPress="if((event.keyCode<48 || event.keyCode>57) && event.keyCode!=46 || /\.\d\d$/.test(value))event.returnValue=false">
16、小数点后只能有最多两位(数字、字母、中文都可输入):
<a-input onkeyup="this.value=this.value.replace(/^(\-)*(\d+)\.(\d\d).*$/,'$1$2.$3')">
17、不可输入中文:/[\u4E00-\u9FA5]/g
18、不可输入空格:/\s+/g

http://www.ppmy.cn/news/1271512.html

相关文章

终端安全管理软件安装详细攻略来了

随着信息技术的不断发展&#xff0c;终端安全管理软件在企业和组织中发挥着越来越重要的作用。为了确保终端设备的安全和稳定运行&#xff0c;安装终端安全管理软件是必不可少的。以下是一份终端安全管理软件的安装详细攻略&#xff0c;供大家参考。 一、选择合适的软件 首先&…

linux系统的u盘/mmc/sd卡等的支持热插拔和自动挂载行为

1.了解mdev mdev是busybox自带的一个简化版的udev。udev是从Linux 2.6 内核系列开始的设备文件系统&#xff08;DevFS&#xff09;的替代品&#xff0c;是 Linux 内核的设备管理器。总的来说&#xff0c;它取代了 devfs 和 hotplug&#xff0c;负责管理 /dev 中的设备节点。同时…

HarmonyOS(十三)——详解自定义组件的生命周期

前言 自定义组件的生命周期回调函数用于通知用户该自定义组件的生命周期&#xff0c;这些回调函数是私有的&#xff0c;在运行时由开发框架在特定的时间进行调用&#xff0c;不能从应用程序中手动调用这些回调函数。 下图展示的是被Entry装饰的组件生命周期&#xff1a; 今…

AtCoder ABC周赛2023 12/10 (Sun) D题题解

目录 原题截图&#xff1a; 题目大意&#xff1a; 主要思路&#xff1a; 注&#xff1a; 代码&#xff1a; 原题截图&#xff1a; 题目大意&#xff1a; 给定两个 的矩阵 和 。 你每次可以交换矩阵 的相邻两行中的所有元素或是交换两列中的所有元素。 请问要使 变换至…

Photoshop插件3D Map Generator Geo的使用记录1(版本说明、安装卸载使用和高程数据生成3D地形图的准备工作)

3D Map Generator是一款强大的地图创建和定制化工具&#xff0c;具有以下特点和功能&#xff1a; 快速创建3D地图&#xff1a;用户可以通过该工具快速创建出高质量的3D地图&#xff0c;而无需具备专业的GIS或PS技能。支持多种图层类型&#xff1a;3D Map Generator支持多种图层…

小程序使用Nodejs作为服务端,Nodejs与与MYSQL数据库相连

小程序使用Nodejs作为服务端,Nodejs与MYSQL数据库相连 一、搭建环境二、配置Nodejs三、与小程序交互四、跨域处理/报错处理五、nodejs连接mysql数据库六、微信小程序连接nodejs报错七、小程序成功与服务端相连,且能操作数据库一、搭建环境 新建空文件夹:Win + R进入cmd命令界…

vrep学习笔记8——将vrep中graph文件导出为csv.文件,并导入matlab中绘制曲线图

在机械臂仿真过程中&#xff0c;使用vrep中的graph图表功能绘制出的曲线不够清晰&#xff0c;如何将graph中的图表数据导出为csv文件&#xff0c;并使用matlab绘制出同样的曲线图呢&#xff1f; 1.将vrep中的graph导出为csv文件 首先选中graph如下 选择file-export-selected g…

十八)Stable Diffusion使用教程:艺术二维码案例

今天说说怎么样使用SD生成艺术二维码。 我们直接上图。 方式有三种,分别如下: 1)方式一:直接 contronet 的tile模型进行控制 使用QRBTF Classic生成你的二维码。 首先输入网址,选择喜欢的二维码样式(推荐第一种就行): 然后选择相应参数,这里推荐最大的容错率,定…