elementui的el-input校验正则表达式

2023-11-15

el-input 只能输入正整数(包括0)

// 在 Input 值改变时触发

handleEdit(e) {

let value = e.replace(/[^\d]/g, ""); // 只能输入数字

value = value.replace(/^0+(\d)/, "$1"); // 第一位0开头,0后面为数字,则过滤掉,取后面的数字

value = value.replace(/(\d{15})\d*/, '$1') // 最多保留15位整数

this.height = value

}

el-input 只能输入正整数(不包括0)

// 在 Input 值改变时触发

handleEdit(e) {

let value = e.replace(/^(0+)|[^\d]+/g,''); // 以0开头或者输入非数字,会被替换成空

value = value.replace(/(\d{15})\d*/, '$1') // 最多保留15位整数

this.height = value

}

el-input 只能输入负整数(包括0)

// 在 Input 值改变时触发

handleEdit(e) {

let value = e.replace(/[^-\d]/g, ""); // 只能输入-和数字

value = value.replace(/^[1-9]/g, ""); // 不能以1-9开头

value = value.replace(/-{2,}/g, "-"); // -只能保留一个

value = value.replace(/(\d)-/g, "$1"); // 数字后面不能接-,不能出现类似-11-2,12-,11-23

value = value.replace(/-(0+)/g, "0"); // 不能出现-0,-001,-0001类似

value = value.replace(/^0+(\d)/, "0"); // 第一位0开头,0后面为数字,则过滤掉,取0

value = value.replace(/(-\d{15})\d*/, '$1') // 最多保留15位整数

this.height = value

}

el-input 只能输入负整数(不包括0)

// 在 Input 值改变时触发

handleEdit(e) {

let value = e.replace(/[^-\d]/g, ""); // 只能输入-和数字

value = value.replace(/^\d/g, ""); // 不能以数字开头

value = value.replace(/-{2,}/g, "-"); // -只能保留一个

value = value.replace(/(\d)-/g, "$1"); // 数字后面不能接-,不能出现类似-11-2,12-,11-23

value = value.replace(/(-)0+/g, "$1"); // 不能出现-0,-001,-0001类似

value = value.replace(/(-\d{15})\d*/, '$1') // 最多保留15位整数

this.height = value

}

el-input 只能输入整数(包括正整数、负整数、0)

// 在 Input 值改变时触发

handleEdit(e) {

let value = e.replace(/[^-\d]/g, ""); // 只能输入-和数字

value = value.replace(/-{2,}/g, "-"); // -只能保留一个

value = value.replace(/(\d)-/g, "$1"); // 数字后面不能接-,不能出现类似-11-2,12-,11-23

value = value.replace(/-(0+)/g, "0"); // 不能出现-0,-001,-0001类似

value = value.replace(/^0+(\d)/, "$1"); // 第一位0开头,0后面为数字,则过滤掉,取后面的数字

value = value.replace(/(-?\d{15})\d*/, '$1') // 最多保留15位整数

this.height = value

}

el-input 只能输入正小数(包括0)

// 在 Input 值改变时触发

handleEdit(e) {

let value = e.replace(/[^\d.]/g, '') // 只能输入数字和.

value = value.replace(/^./g, '') //第一个字符不能是.

value = value.replace(/.{2,}/g, '.') // 不能连续输入.

value = value.replace(/(.\d+)./g, '$1') // .后面不能再输入.

value = value.replace(/^0+(\d)/, '$1') // 第一位0开头,0后面为数字,则过滤掉,取后面的数字

value = value.replace(/(\d{15})\d*/, '$1') // 最多保留15位整数

value = value.replace(/(.\d{2})\d*/, '$1')// 最多保留2位小数

this.height = value

}

el-input 只能输入负小数(包括0)

// 在 Input 值改变时触发

handleEdit(e) {

let value = e.replace(/[^-\d.]/g, ""); // 只能输入-和数字和.

value = value.replace(/^[^-0]/g, ""); // 只能-和0开头

value = value.replace(/-{2,}/g, "-"); // 不能连续输入-

value = value.replace(/(-)./g, "$1"); // -后面不能输入.

value = value.replace(/.{2,}/g, "."); // 不能连续输入.

value = value.replace(/(.\d+)./g, "$1"); // .后面不能再输入.

value = value.replace(/(\d+|.)-/g, "$1"); // 数字和.后面不能接-,不能出现类似11-, 12.-

value = value.replace(/(-)0+(\d+)/g, '$1$2') // 不能出现-01,-02类似

value = value.replace(/^0+(\d|.)/, "0"); // 第一位0开头,0后面为数字或者.,则过滤掉,取0

value = value.replace(/(\d{15})\d*/, '$1') // 最多保留15位整数

value = value.replace(/(.\d{2})\d*/, '$1')// 最多保留2位小数

this.height = value

}

el-input 只能输入负小数(不包括0)

// 在 Input 值改变时触发

handleEdit(e) {

let value = e.replace(/[^-\d.]/g, ""); // 只能输入-和数字和.

value = value.replace(/^[^-]/g, ""); // 只能-开头

value = value.replace(/-{2,}/g, "-"); // 不能连续输入-

value = value.replace(/(-)./g, "$1"); // -后面不能输入.

value = value.replace(/.{2,}/g, "."); // 不能连续输入.

value = value.replace(/(.\d+)./g, "$1"); // .后面不能再输入.

value = value.replace(/(\d+|.)-/g, "$1"); // 数字和.后面不能接-,不能出现类似11-, 12.-

value = value.replace(/(-)0+(\d+)/g, '$1$2') // 不能出现-01,-02类似

value = value.replace(/(\d{15})\d*/, '$1') // 最多保留15位整数

value = value.replace(/(.\d{2})\d*/, '$1')// 最多保留2位小数

this.height = value

}

el-input 输入整数(包括正数、负数、0)和小数,保留15位整数和2位小数

// 在 Input 值改变时触发

handleEdit(e) {

let value = e.replace(/[^-\d.]/g, '') // 只能输入.和-和数字

value = value.replace(/^[.]/g, '') //第一个字符不能是.

value = value.replace(/(\d+|.)-/g, '$1') // 数字和.后面不能接-,不能出现类似 12.-

value = value.replace(/(-)0+(\d+)/g, '$1$2') // 不能出现-01,-02类似

value = value.replace(/(\d{6})\d*/, '$1') // 最多保留6位整数

value = value.replace(/(.\d{2})\d*/, '$1')// 最多保留2位小数

this.height= value

}

$1表示匹配第一个括号里的内容,$2表示匹配第二个括号的内容,比如

value = value.replace(/(-)./g, '$1') // 输入框输入-.就会替换成-

value = value.replace(/(-)(0{2,})/g, '$1$2') // 输入-00,-000,就会替换成-0

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

elementui的el-input校验正则表达式 的相关文章

  • shineblink HC-SR505人体红外感应传感器

    HC SR505人体红外感应传感器 一 本例程实现功能 二 HC SR505传感器介绍 三 接线图 四 完整代码 五 代码运行结果 一 本例程实现功能 通过HC SR505人体红外感应传感器模块感应人体的出现 当感应到人体时 Core电路板
  • 支持二级汉字的 php 汉字助记码生成

    gbk2312 编码范围共94区 0 55区为一级汉字 是按照拼音顺序排列的 可以按照编码区间确定汉字的拼音 但是 56 区以后是按笔画顺序排列的 所以只能用对照表来确定拼音 鉴于目前我找不到现成的代码 固整理了一份 测试可用 PHP 汉字

随机推荐

  • 【操作系统】王道考研 p11 线程概念、多线程模型

    视频 知识总览 是什么 为什么 进程是程序的一次执行 但有些功能不是由一个程序顺序处理就能实现的 有的进程可能需要 同时 做很多事情 而传统的进程只能串行地执行一系列程序 因此 引入 线程 来增加并发度 引入线程后 线程成为了程序执行流的最
  • esp8266连接mqtt时client.publish出现的小问题

    client publish发送变化数据的问题 温湿度为例 先是获取数据 加入我们获取的湿度为humidity 温度为temp 下一步就是我们的发送环节啦 client publish 主题 内容 我们字节将内容替换是会报错的 我们需要对数
  • qemu-guest-agent windows下的监控开发

    windows下的qemu guest agent 简称qga 的名字叫做qemu guest agent win32 目前最新版的版本号是qemu guest agent win32 0 12 1 2 2 355 el6 4 9 x86
  • 【踩坑】三种方式解决 Homebrew failing to install - fatal: not in a git directory

    问题描述 解决方法一 添加安全目录 没有测试 git config global add safe directory opt homebrew Library Taps homebrew homebrew git config globa
  • 动手写docker中遇到的问题合集

    fork exec usr bin sh operation not permitted exit status 1 我的环境 win10 wsl2 ubuntu20 04 解决方案 设置wsl默认用户为root sudo nano etc
  • java实现赫夫曼树以及赫夫曼编码和解码(用byte[])

    首先对于赫夫曼编码有个大概的理解 赫夫曼编码 Huffman Coding 又称霍夫曼编码 是一种编码方式 可变字长编码 VLC 的一种 Huffman于1952年提出一种编码方法 该方法完全依据字符出现概率来构造异字头的平均长度最短的码字
  • ubuntu搭载网络文件系统与linux开发板共享资源

    搭建NFS 如果ubuntu是运行在虚拟机上的 首先需要修改ubuntu与windows的网络连接模式 将其修为桥接模式与windows连接网络 ubuntu以及开发板安装net toos sudo apt install net tool
  • 常用设计模式-命令模式

    命令模式 讲一个请求封装成一个对象 可以让不同的请求对客户进行参数化 对请求排队或者记录请求日志 以及支持可撤销的操作 别名为事务模式或者动作模式 这样两者之间通过命令对象进行沟通 这样方便将命令对象进行储存 传递 调用 增加与管理 命令模
  • QFile创建文件以及递归文件删除文件

    QFile创建文件 1 t dir mkpath t firstFilePath 创建文件夹 2 t File open QIODevice WriteOnly QIODevice Truncate 创建文本 3 若文件不存在会创建一个 Q
  • mybatis-plus入坑指南

    简介 MyBatis Plus 简称 MP 是一个 MyBatis 的增强工具 在 MyBatis 的基础上只做增强不做改变 为简化开发 提高效率而生 特性 无侵入 只做增强不做改变 引入它不会对现有工程产生影响 如丝般顺滑 损耗小 启动即
  • python用matplotlib画折线图

    折线图 import matplotlib pyplot as plt y1 10 13 5 40 30 60 70 12 55 25 x1 range 0 10 x2 range 0 10 y2 5 8 0 30 20 40 50 10
  • java设计模式--[创建模式]--抽象工厂[abstract factory]

    抽象工廠 提供一個接口 用於創建相關或依賴對象的家族 而不需要指定具體類 二 設計某些系統是坷以南非要為用戶提供一系列相關的的對象 但系統不希望用戶真接使用new 運算符實例化這些對象 而由系統來控制這些對象的創建 否則用戶不僅要清楚地知道
  • 推荐系统架构

    推荐系统架构 实际推荐系统通常采用多种推荐算法 并根据用户的实时行为反馈调整用户的特征向量 特征的加权系数 进而融合各个推荐算法的推荐结果 在此基础上过滤不要的推荐项 最后结合用户使用场景调整推荐结果排名 给出最终推荐结果 基于不同特征的推
  • STM32F030 USART2配置函数 波特率不对导致无法进入中断

    今天调试STM32F030 USART2 收发不了数据 仿真的时候进入不了中断 但是配置也是正确的 搞了很久 原因是先初始化的串口再初始化Flash数据 导致读入的波特率是0 进而无法正常使用USART2 浪费了大量的时间 血的教训呀 vo
  • 【保姆级教学】搭建win10系统 IIS Web 服务器(上)

    先确认计算机上是否已安装 IIS 1 进入Windows10的控制面板 点击 系统和安全 2 找到 管理工具 并点击 3 查看是否有Internet Information Services IIS 管理器 如图 我的计算机已经安装好了 注
  • Python——Numpy高级索引

    Python Numpy高级索引 整数数组索引 或 与索引数组组合 布尔索引 比较运算符 取补运算符号 np iscomplex 过滤非复数元素 花式索引 传入顺序 倒序索引数组 使用 np ix 传入多个索引数组 https editor
  • MySQL——MySQL的介绍、安装、卸载与使用

    1 介绍 MySQL数据库隶属于MySQL AB公司 总部位于瑞典 后被oracle公司收购 优点 成本低 开放源码 可免费使用 性能高 执行很快 简单 容易安装和使用 DBMS分为两类 基于共享文件系统的DBMS Access 基于客户机
  • torch.max函数比较最大值

    新建两个tensor列表 利用torch max 进行两个列表的比较 import torch a torch tensor 1 2 3 4 5 print a a b torch tensor 10 1 7 9 3 print b b x
  • 认识HTTP请求

    要分析HTTP请求和响应必然少不了抓包工具 关于抓包工具的设置和下载推荐看抓包工具Fiddler的下载与设置 通过抓包得到的一个HTTP请求 HTTP请求的格式 结构分析 一 请求行 1 post是方法 可以表示一条HTTP请求要进行的操作
  • elementui的el-input校验正则表达式

    el input 只能输入正整数 包括0 在 Input 值改变时触发 handleEdit e let value e replace d g 只能输入数字 value value replace 0 d 1 第一位0开头 0后面为数字