vue输入框只能输入数字类型,禁止输入和粘贴e

news/2025/3/13 5:24:38/

js怎么去除1e里面e 

方法一:使用 Number() 函数将科学计数法表示的字符串转换为数字。然后,使用 toString() 方法将其转换回字符串形式,这样就会自动移除科学计数法中的 "e"

var num = 1e10; // 科学计数法表示的数字
var numStr = Number(num).toString(); // 转换为字符串,自动移除 "e"
console.log(numStr); // 输出 "10000000000"

方法二:使用正则表达式替换方法移除科学计数法中的 "e"。

 var num = 1e10; // 科学计数法表示的数字

var numStr = num.toString().replace("e", ""); // 使用 replace 方法替换 "e" 为空字符串 console.log(numStr); // 输出 "10000000000"

vue中限制长度以及数字(包括e) 

// 封装方法--只允许输入正数包 
export function getNum(val) { // 先把非数字的都替换掉,除了数字 val = Number(val).toString().replace(/[^\d]/g, '') return val 
}<el-inputtype="number"v-model.trim="ruleForm.height"clearableplaceholder="请输入数字"
  οnkeydοwn="return event.keyCode !== 69"@input="changeNumber('height',ruleForm.height,8)"
/>
changeNumber(name, obj, len = 8) {const t = obj.length > len ? obj.slice(0, len) : objthis.$set(this.ruleForm, name, getNum(t))
}

vue中自动保存两位小数 

// 封装方法--只允许输入数字包含小数点
export function getFloorNumber(val, saveNumber = 2) {// 先把非数字的都替换掉,除了数字val = val.replace(/[^\d.]/g, '')val = val.replace(/\.{2,}/g, '.')val = val.replace('.', '$#$').replace(/\./g, '').replace('$#$', '.')const index = val.indexOf('.')if (index != -1) {const arr = val.split('.')if (arr[1].length > saveNumber) {arr[1] = arr[1].substr(0, saveNumber)}val = arr.join('.')}return val
}
<el-inputv-model="ruleForm.sharedArea"placeholder="请填写面积"clearable@input="changeSpliceArea('area')"@blur="changeArea('area')"
/>
changeSpliceArea(name, len = 8) {this.ruleForm[name] = getFloorNumber(this.ruleForm[name])if (this.ruleForm[name].length >= len) {this.ruleForm[name] = this.ruleForm[name].substr(0, len)}
},
changeArea(name) {const t = this.ruleForm[name] && this.ruleForm[name].charAt(this.ruleForm[name].length - 1)if (t == '.') {this.ruleForm[name] += '00'}
}

常用工具方法

// 只允许输入数字包含负数
export function getNumber(val) {const t = val.charAt(0)// 先把非数字的都替换掉,除了数字val = val.replace(/[^\d]/g, '')// 如果第一位是负号,则允许添加if (t === '-') {val = '-' + val}return val
}// 只允许输入正数包
export function getNum(val) {// 先把非数字的都替换掉,除了数字val = Number(val).toString().replace(/[^\d]/g, '')return val
}// 只允许输入数字包含小数点
export function getFloorNumber(val, saveNumber = 2) {// 先把非数字的都替换掉,除了数字val = val.replace(/[^\d.]/g, '')val = val.replace(/\.{2,}/g, '.')val = val.replace('.', '$#$').replace(/\./g, '').replace('$#$', '.')const index = val.indexOf('.')if (index != -1) {const arr = val.split('.')if (arr[1].length > saveNumber) {arr[1] = arr[1].substr(0, saveNumber)}val = arr.join('.')}return val
}
// 只允许输入数字包含小数,不限制长度
export function getFloorNumNoLength(val) {const t = val.charAt(0)if (t === '.') {return val.replace('.', '')}val = val.replace('.', '$#$').replace(/\./g, '').replace('$#$', '.')// 先把非数字的都替换掉,除了数字val = val.replace(/[^\d.]/g, '')return val
}

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

相关文章

H5前端外包开发框架排名

以下是一些常见的网页前端开发框架以及它们的排名和特点。请注意&#xff0c;随着时间的推移&#xff0c;框架的排名和特点可能会有所变化。不同的项目和团队对于框架的选择会受到多个因素的影响&#xff0c;包括开发团队的技能、项目的规模和要求、性能需求等。北京木奇移动技…

CS:GO升级 Linux不再是“法外之地”

在前天的VAC大规模封禁中&#xff0c;有不少Linux平台的作弊玩家也迎来了“迟到”的VAC封禁。   一直以来&#xff0c;Linux就是VAC封禁的法外之地。虽然大部分玩家都使用Windows平台进行游戏。但实际上&#xff0c;使用Linux畅玩CS:GO的玩家也不在少数。 以前V社主要打击W…

问题解决 | 关于torch中遇到的错误及解决

本博客主要解决在torch使用中遇到的问题与解决~ 1.安装相关问题 1.1.conda虚拟环境内无法安装torch&#xff08;pip install torch &#xff09; 解决方案&#xff1a; 如果是GPU版本&#xff0c;先查看cuda版本如果nvcc -V 命令运行后出来的是cuda11.3的话&#xff0c;其他…

【版本管理】Git新手快速入门

其实Git本身是个非常简单的东西&#xff0c;大家平时用的主要都是其核心功能 网上的教程&#xff0c;讲了太多高级用法和设计理念&#xff0c;反而把最基本的东西搞复杂了 这里出一个从零开始&#xff0c;快速上手的简单教程 打开Gitee官网&#xff0c;https://gitee.com&…

[C++] string类的介绍与构造的模拟实现,进来看吧,里面有空调

文章目录 1、string类的出现1.1 C语言中的字符串 2、标准库中的string类2.1 string类 3、string类的常见接口说明及模拟实现3.1 string的常见构造3.2 string的构造函数3.3 string的拷贝构造3.4 string的赋值构造 4、完整代码 1、string类的出现 1.1 C语言中的字符串 C语言中&…

Oracle/PL/SQL奇技淫巧之Lable标签与循环控制

在一些存储过程场景中&#xff0c;可能存在需要在满足某些条件时跳出循环的场景&#xff0c; 但是在PL/SQL中&#xff0c;不能使用break语句直接跳出循环, 但是可以通过lable标签的方式跳出循环&#xff0c;例&#xff1a; <<outer_loop>> FOR i IN 1..5 LOOPDBMS…

【Unity每日一记】资源加载相关你掌握多少?

&#x1f468;‍&#x1f4bb;个人主页&#xff1a;元宇宙-秩沅 &#x1f468;‍&#x1f4bb; hallo 欢迎 点赞&#x1f44d; 收藏⭐ 留言&#x1f4dd; 加关注✅! &#x1f468;‍&#x1f4bb; 本文由 秩沅 原创 &#x1f468;‍&#x1f4bb; 收录于专栏&#xff1a;uni…

30W IP网络有源音箱 校园广播音箱

SV-7042XT是深圳锐科达电子有限公司的一款2.0声道壁挂式网络有源音箱&#xff0c;具有10/100M以太网接口&#xff0c;可将网络音源通过自带的功放和喇叭输出播放&#xff0c;可达到功率30W。同时它可以外接一个30W的无源副音箱&#xff0c;用在面积较大的场所。5寸进口全频低音…