1. 在 JS 中
<input type="text" name="je" onkeyup="onlyNum(this)" />元
function onlyNum(obj){
obj.value = obj.value.replace(/[^\d.]/g,""); // 清除“數(shù)字”和“.”以外的字符
obj.value = obj.value.replace(/\.{2,}/g,"."); // 只保留第一個(gè). 清除多余的
obj.value = obj.value.replace(".","$#$").replace(/\./g,"").replace("$#$",".");
obj.value = obj.value.replace(/^(\-)*(\d+)\.(\d\d).*$/,'$1$2.$3'); // 只能輸入兩個(gè)小數(shù)
if(obj.value.indexOf(".")< 0 && obj.value !=""){ // 以上已經(jīng)過(guò)濾荣瑟,此處控制的是如果沒(méi)有小數(shù)點(diǎn)棉钧,首位不能為類似于 01、02的金額
obj.value= parseFloat(obj.value);
}
if (obj.value > 100) { // 不超過(guò)100
obj.value = 100
}
}
2. 在小程序中同樣可以使用吊趾,如以下所示
-
在工具類中形帮,抽取為公共方法
image.png -
在需要使用的 .wxml 中,綁定 input 事件和 value 值
image.png 在需要使用的 .js 中
// 導(dǎo)入util
const util = require('../../utils/util.js');
// 動(dòng)態(tài)獲取 input 值先蒋,從 input 綁定的值都在 e.detail 里面
getInput(e) {
util.onlyNum(e.detail)
this.setData({
telValue: e.detail.value
})
},