51工具盒子最近在给网站的APP完善一些付费功能，不过涉及到钱的地方一直都比较头痛，因为我的API限制了积分为整数结算，所以需要强制用户的输入为整数来保证用户体验。研究了半天之后写出了以下代码：
假设字段为day
html部分：
<input placeholder="输入购买天数" type="number" name="input" v-model="day" @input="day = limit(day,0)" />
js部分：
isRealNum(val){
if(val === "" || val ==null){
return false;
}
if(!isNaN(val)){
return true;
}
else{
return false;
}
},
limit(value,num){
var that = this;
if(that.isRealNum(value)){
var newNum = value.toString();
if(newNum.indexOf(".")!=-1){
var arrbuy = newNum.split(".");
var val1 = arrbuy[0];
var val2 = arrbuy[1];
if(val2.length > num){
val2 = val2.slice(0, num);
}
newNum = Number(val1)+"."+val2;
value = newNum;
}
}else{
value = value.substr(0, value.length - 1);
if(that.isRealNum(value)){
value=value;
}else{
value="";
}
}
return value;
},
如果要指定小数点位数，比如三位小数，写法如下(修改第二个参数即可)：
<input placeholder="输入购买天数" type="number" name="input" v-model="day" @input="day = limit(day,3)" />
本文来自投稿，不代表本站立场，如若转载，请注明出处：https://www.ruletree.club/archives/3189/
