html表单保留两位小数,vue 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');

}

标签:vue,obj,数字,value,replace,正则,保证,input,小数

来源: https://www.cnblogs.com/lan-cheng/p/10723439.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Vue中,你可以使用正则表达式和事件处理来限制输入保留两位小数。你可以在输入的`input`事件中使用`RegExp`对象对输入进行验证和格式化。 首先,你可以在你的Vue组件中定义一个`data`属性来存储输入的值,例如`inputValue`。然后,在输入上绑定`@input`事件来监听输入变化,如下所示: ```html <template> <div> <input type="text" v-model="inputValue" @input="formatInput"> </div> </template> ``` 接下来,你可以在Vue组件的`methods`中定义`formatInput`方法来对输入进行验证和格式化。在`formatInput`方法中,你可以使用正则表达式来验证输入是否符合要求,并将其格式化为保留两位小数,如下所示: ```javascript <script> export default { data() { return { inputValue: '' }; }, methods: { formatInput() { // 使用正则表达式验证输入是否为数字,并保留两位小数 this.inputValue = this.inputValue.replace(/[^\d.]/g, ''); // 去除非数字和小数点字符 this.inputValue = this.inputValue.replace(/^\./g, ''); // 去除开头的小数点 this.inputValue = this.inputValue.replace(/\.{2,}/g, '.'); // 只保留一个小数点 this.inputValue = this.inputValue.replace('.', '$#$').replace(/\./g, '').replace('$#$', '.'); // 只保留第一个小数点 this.inputValue = this.inputValue.replace(/^(\-)*(\d+)\.(\d\d).*$/, '$1$2.$3'); // 保留两位小数 } } } </script> ``` 通过以上代码,输入将只允许输入数字和小数点,并且格式化后的值将保留两位小数。你可以根据自己的需求对正则表达式和格式化逻辑进行调整。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值