react 输入小数点
Posted chengyunshen
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了react 输入小数点相关的知识,希望对你有一定的参考价值。
<Input
style={{ width: 80 }}
value={percent.commission}
defaultValue={0}
onChange={(e) => {
let { value } = e.target;
let re = /(^(d|[1-9]d)(.d{0,2})?$)|(^100$)/;
if(!re.test(value)){
value = value.substring(0,value.length-1)
}
dispatch({
type: "percent/updatePayload",
payload: {
commission: value,
},
});
}}
></Input>
//格式化数字
function formatNum(num) {
if(!num){
return ‘0.00‘
}
if(num.toString().endsWith(".")){
return num + ‘00‘
}
return parseFloat(num).toFixed(2);
}
- 不是随便输的情况 不要用InputNumber
以上是关于react 输入小数点的主要内容,如果未能解决你的问题,请参考以下文章
flutter TextField 限制只允许输入数字 小数点
flutter TextField 限制只允许输入数字 小数点