首页 > 其他分享 >input框限制输入内容

input框限制输入内容

时间:2023-07-03 12:11:56浏览次数:31  
标签:只能 限制 数字 input inputType 输入 const

			<input v-model="request.idCardNo" maxlength="18" @input="typeInput($event)" placeholder="请输入您的身份证号">

对应在methods中的方法

			typeInput(event) {
				// 只能输入数字和字母的验证;
				const inputType = /[\W]/g //想限制什么类型在这里换换正则就可以了
				this.$nextTick(function() {
					//这里的 this.request.idCardNo 是input框 v-model 绑定的值
					this.request.idCardNo = event.target.value.replace(inputType, '');
				})
			},

正则

只能输入数字
const inputType = /[^\d]/g		
只能输入字母
const inputType = /[^a-zA-Z]/g		
只能输入数字和字母
const inputType =/[\W]/g
只能输入小写字母
const inputType =/[^a-z]/g
只能输入大写字母
const inputType =/[^A-Z]/g
只能输入数字和字母和下划线
const inputType =/[^\w_]/g //下划线也可以改成%
只能输入中文
const inputType =/[^\u4E00-\u9FA5]/g
只能输入数字和小数点
const inputType =/[^\d.]/g

标签:只能,限制,数字,input,inputType,输入,const
From: https://www.cnblogs.com/orangeczs/p/17522413.html

相关文章

  • js 数字格式化,只能输入正负整数,小数
     1、只能输入正整数<inputname="columnValue"class="input96required"type="text"size="50"onkeyup="if(this.value.length==1){this.value=this.value.replace(/[^1-9]/g,'')}else{this.value=this.value.replac......
  • 微软输入法添加小鹤双拼
    WindowsRegistryEditorVersion5.00[HKEY_CURRENT_USER\Software\Microsoft\InputMethod\Settings\CHS]"EnableDoublePinyin"=dword:00000001"DoublePinyinScheme"=dword:0000000a"ExpandDoublePinyin"=dword:00000000"......
  • C语言笔记:第8章 字符输入输出
    字符函数getchar()、putchar()与EOF详解:https://www.cnblogs.com/52php/p/5723666.html缓冲区:https://www.cnblogs.com/xkdn/p/14580178.htmlhttps://www.cnblogs.com/buyizhiyou/p/5505280.html ......
  • C语言笔记:第4章 字符串和格式输入输出
    字符串简介:2123   printf函数和scanf函数printf函数输出格式详解:https://www.cnblogs.com/Ahair/p/5017050.htmlhttps://www.cnblogs.com/wucongzhou/p/12668766.htmlscanf函数输入格式详解:https://www.cnblogs.com/morya/p/6067479.htmlhttps://www.cnblogs.com/wu......
  • vue2 input和select无法正常回显
    背景:使用vue进行对象赋值,如果是一个未在data声明的属性,会导致双向绑定无法正常回显。<template><div><div><labelfor="">姓名</label><inputv-model="info.name"type="text"></div><div>......
  • Ubuntu 22.04系统安装中文输入法
     一.安装输入法下面任选一种即可:IBus拼音:sudoapt-getinstallibus-pinyin(命令解释:sudo以超级权限去执行,apt-getinstall安装一个新软件包ibus-pinyin软件包名称)谷歌拼音输入法:sudoapt-getinstallibus-googlepinyinSun拼音输入法:sudoapt-getinstallibus-sunpin......
  • 前端Vue自定义注册界面模版 手机号邮箱账号输入框 验证码输入框  包含手机号邮箱账号
    前端Vue自定义注册界面模版手机号邮箱账号输入框验证码输入框 包含手机号邮箱账号验证,下载完整代码请访问uni-app插件市场地址:https://ext.dcloud.net.cn/plugin?id=13306效果图如下:......
  • 零代码编程:用ChatGPT自动输入账号密码来登陆网站
    现在很多网站都需要登陆账号和密码才能访问。如果要进行一些批量自动化操作,首先要做的就是模拟自动登陆。以萝卜投研网站为例:https://robo.datayes.com/v2/fastreport/industry打开网站后,默认出现这样一个登陆界面,要点击右上角,才会出现账号密码登陆按钮:<divclass="login-switch-bt......
  • 将onnx的静态batch改为动态batch及修改输入输出层的名称
    目录背景操作修改输入输出层修改输入输出层名称完整代码背景在模型的部署中,为了高效利用硬件算力,常常会需要将多个输入组成一个batch同时输入网络进行推理,这个batch的大小根据系统的负载或者摄像头的路数时刻在变化,因此网络的输入batch是在动态变化的。对于pytorch等框架来说,我......
  • 如何使用libavfilter库给输入文件input.yuv添加视频滤镜?
    一.视频滤镜初始化本次代码实现的是给输入视频文件添加水平翻转滤镜,在视频滤镜初始化部分我们可以分为以下几步进行:1.创建滤镜图结构视频滤镜功能最核心的结构为滤镜图结构,即AVFilterGraph结构,我们调用avfilter_graph_alloc()函数就可以创建一个滤镜图结构。......