当前位置: 首页 > news >正文

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

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.lryc.cn/news/128885.html

相关文章:

  • 金盘 微信管理平台 getsysteminfo 未授权访问漏洞[2023-HW]
  • 02-前端基础第二天-HTML5
  • i18n 配置vue项目中英文语言包(中英文转化)
  • NFTScan NFT API 在 DID Protocol 开发中的应用
  • 内存管理(1)
  • 实践教程|基于 pytorch 实现模型剪枝
  • [Docker精进篇] Docker镜像构建和实践 (三)
  • 【Unity细节】Unity中的层级LayerMask
  • 修改el-table行悬停状态的背景颜色
  • 记一次mysql not in的使用问题
  • JavaFx基础学习【四】:UI控件的通用属性
  • 【Leetcode】101.对称二叉树
  • 用Java实现原神抽卡算法
  • 微服务—Eureka注册中心
  • AI问答:JSBridge / WebView 与 Native 通信
  • Mybatis动态SQL,标签大全
  • zotero在不同系统的安装(win/linux)
  • web会话跟踪以及JWT响应拦截机制
  • Web菜鸟入门教程 - Swagger实现自动生成文档
  • 2023国赛数学建模思路 - 复盘:校园消费行为分析
  • 第7章:贝叶斯分类器
  • 【LeetCode】88.合并两个有序数组
  • 05 - 研究 .git 目录
  • MySQL之索引和事务
  • ⛳ 将本地已有的项目上传到 git 仓库
  • ADB常用命令整理(全网最全)
  • BBS项目day02、注册、登录(登录之随机验证码)、退出登录、密码加密加盐、首页(导航条、模态框,修改密码)
  • HTML5+CSS3自用笔记
  • 无则插入有则更新(PostgreSQL,MySQL,Oracle、SqlServer)
  • 常见的 JavaScript 框架比较