【vue input 验证输入内容为小数点后两位】html部分
js部分
inputRegular(e) {
let str = e.toString();
var len1 = str.substr(0, 1);
var len2 = str.substr(1, 1);
//如果第一位是0，第二位不是点，就用数字把点替换掉
if (str.length > 1 && len1 == 0 && len2 != ".") {
str = str.substr(1, 1);
}//第一位不能是.
if (len1 == ".") {
str = '';
}//限制只能输入一个小数点
if (str.indexOf(".") != -1) {
var str_ = str.substr(str.indexOf(".") + 1);
if (str_.indexOf(".") != -1) {
str = str.substr(0, str.indexOf(".") + str_.indexOf(".") + 1);
}
if (str_.length > 2) {
this.$message.warning(`数字类型，小数点后只能输入两位，请正确输入！`);
str = str.substr(0, str.indexOf(".") + str_.indexOf(".") + 4);
// return;
}
}
console.log(str)
//正则替换
str = str.replace(/[^\d^\.]+/g, "");
// 保留数字和小数点
return str;
},推荐阅读
- 面试|前端面试——深拷贝与浅拷贝的区别
- 一些零碎代码|几十行代码，打造一款JavaScript便签系统
- 前端面试题|深拷贝和浅拷贝
- Javascript|前端js面试会问到的浅拷贝和深拷贝（以浅拷贝为例）
- Javascript|JavaScript权威指南7(四) 第十一章 JavaScript 标准库
- AliOS|新一代嵌入式UI框架 HaaS UI 使用JS在嵌入式开发炫酷前端
- Leetcode733（图像渲染（广度遍历解法））
- js的逻辑分支
- c++|最易/难学习的编程语言榜单出炉，C++最难学（）