vue input框数字后保留两位小数正则

本文详细介绍了如何在网页中使用数字输入框实现对数字的精确控制,包括清除非数字字符、限制小数位数、确保正确的小数点格式等功能。通过JavaScript实现,确保用户输入的数字符合预期的格式。
<el-input
type="text"
v-model.trim="ruleForm2.marketPrice"
maxlength="10"
@keyup.native="ruleForm2.marketPrice =ruleForm2.marketPrice = ruleForm2.marketPrice.replace(/[^\d.]/g,'');
ruleForm2.marketPrice = ruleForm2.marketPrice.replace(/\.{2,}/g,'.');
ruleForm2.marketPrice = ruleForm2.marketPrice.replace(/^\./g,'');
ruleForm2.marketPrice = ruleForm2.marketPrice.replace('.','$#$').replace(/\./g,'').replace('$#$','.');
ruleForm2.marketPrice = ruleForm2.marketPrice.replace(/^(\-)*(\d+)\.(\d\d).*$/,'$1$2.$3');
"
></el-input>
 
 

function clearNoNum(obj)

{

//先把非数字的都替换掉,除了数字和.

obj.value = obj.value.replace(/[^\d.]/g,"");

//保证只有出现一个.而没有多个.

obj.value = obj.value.replace(/\.{2,}/g,".");

//必须保证第一个为数字而不是.

obj.value = obj.value.replace(/^\./g,"");

//保证.只出现一次,而不能出现两次以上

obj.value = obj.value.replace(".","$#$").replace(/\./g,"").replace("$#$",".");

//只能输入两个小数

obj.value = obj.value.replace(/^(\-)*(\d+)\.(\d\d).*$/,'$1$2.$3');

}

转载于:https://www.cnblogs.com/lan-cheng/p/10723439.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值