美文网首页
uni-app中对于金额输入的验证(保留两位小数)

uni-app中对于金额输入的验证(保留两位小数)

作者: 微笑向暖hh | 来源:发表于2020-03-20 17:31 被阅读0次

input事件中绑定事件
<input
class="inputText"
type="digit"
v-model="fee"
placeholder="请输入"
style="text-align:right"
@input="handleInput"
@blur="selectFee"
:maxlength="moneyMaxLeng"
/>
handleInput(e) {
let val = e.target.value;
val = val.replace(/^./g, "");
val = val.replace(/[^\d.]/g, ""); //清除"数字"和"."以外的字符
val = val.replace(/.{2,}/g, "."); //只保留第一个. 清除多余的
val = val.replace(/^0+./g, "0.");
val = val.match(/^0+[1-9]+/) ? (val = val.replace(/^0+/g, "")) : val;
val = val.match(/^\d*(.?\d{0,2})/g)[0] || "";
val = val
.replace(".", "#")
.replace(/./g, "")
.replace("#", ".");
if (val.includes(".")) {
let numDian = val.toString().split(".")[1].length;
if (numDian === 2) {
this.moneyMaxLeng = val.length;
}
} else {
this.moneyMaxLeng = 8;
}
this.fee = val;
}

相关文章

网友评论

      本文标题:uni-app中对于金额输入的验证(保留两位小数)

      本文链接:https://www.haomeiwen.com/subject/qqxsyhtx.html