输入框限制输入为两位小数

在utils/test.js中，

export function toFixedStr(str) {

let float = str.split(".")[0];

str = str.replace(/[^\d.]/g, ""); // 清除"数字"和"."以外的字符

str = str.replace(/\.{2,}/g, "."); // 不能连续输入两个及以上小数点

str = str.replace(".", "$#$").replace(/\./g, "").replace("$#$", "."); // 只保留第一个".", 清除多余的"."

str = str.replace(/^(-)*(\d+)\.(\d\d).*$/, "$1$2.$3"); // 只能输入两个小数

return float.length > 1 && float.indexOf("0") == 0 ? Number(str) : str;

}

在vue中，

<div>

<el-input v-model="valuestr" @input="ToFixedStr"></el-input>

</div>

</template>

import { toFixedStr } from "@/utils/test.js";

export default {

data() {

return {

valuestr: ""

};

methods: {

ToFixedStr(str) {

this.valuestr = toFixedStr(str);

}

};

</script>

输入框限制输入为两位小数相关推荐

input输入框匹配数字(带两位小数) js--金额匹配
input输入框匹配两位小数的金额,超过部分或者其他非数字和小数点字符不显示,小数点只能输入一次,第二次不能输入,代码: <input type="text" onkeyup ...
Textbox 内限定输入只有两位小数的数字
初学C#, 正好自己编的小程序对这方面有点要求,就去网上翻了翻.结果发现度娘上能找很多示例代码都只能实现一部分的功能. 正好自己有需要就把自己需要的功能都整合起来做了个方法,要是哪位大神看到了麻烦给瞅 ...
uniapp input输入框(小数点输入保留一位小数)
需求:一个加分扣分的需求,当输入时可以输入小数点,不进行四舍五入并只能保留小数点一位前提:个人是在uni-number-box 组件中进行二次修改的,下面进行完善的组件代码展示! <templ ...
python输出时怎么保留两位小数_python输出怎么保留两位小数-Python教程
python输入保存两位小数的四种办法: a = 5.5461 办法一:round(a,2) 办法二:float('%.2f' % a) 相干保举:<Python视频教程> 办法三:'%. ...
excel怎么设置保留两位小数？
转自:微点阅读 https://www.weidianyuedu.com 在excel表格中,一些小数数据都会保留小数点后两位,但是应该怎么设置呢?下面随微点阅读小编一起来看看吧. excel ...
JS通过正则限制 input 输入框只能输入整数、小数(金额或者现金) 两位小数
第一: 限制只能是整数 ? 1 <input type = "text" name= "number" id = 'number' onkeyup= &q ...
输入框限制只能输入数字，正数、负数、0，最多两位小数；数字输入框可以输入负数，并最多保留两位小数；el-number-input去掉四舍五入和自动补齐小数；
场景: –要求1:输入框只能输入数字,可以使正数.负数.0,小数点最多保留两位. –要求2:不需要自动补齐小数点,也不需要自动四舍五入. element-ui的数字输入框el-input-number ...
el-input 输入框类型；只能输入数字的输入框；保留两位小数输入框；只能输入正整数和0的输入框；手机号正则校验；车牌号码正则校验
以下代码可直接复制使用: 以下代码可直接复制使用! <template><div><a href="https://baike.baidu.com/item/% ...
html number输入框限制只能输入正整数或两位小数的正数
限制只能输入两位小数的正数: <label class="col-xs-2 control-label">订单金额:</label> <div cla ...

输入框限制输入为两位小数

输入框限制输入为两位小数相关推荐

最新文章

热门文章