1. 程式人生 > 其它 >限制輸入框只能輸入數字和小數點,並且小數點後只能輸入兩位小數

限制輸入框只能輸入數字和小數點,並且小數點後只能輸入兩位小數

方法:(Vue專案中的寫法)

checkPrice (val) { let checkPlan = '' + val checkPlan = checkPlan .replace(/[^\d.]/g, '') // 清除“數字”和“.”以外的字元 .replace(/\.{2,}/g, '.') // 只保留第一個. 清除多餘的 .replace(/^\./g, '') // 保證第一個為數字而不是. .replace('.', '$#$') .replace(/\./g, '') .replace('$#$', '.') if (checkPlan.indexOf
('.') < 0 && checkPlan !== '') { // 以上已經過濾,此處控制的是如果沒有小數點,首位不能為類似於 01、02的金額 checkPlan = parseFloat(checkPlan) + '' } else if (checkPlan.indexOf('.') >= 0) { checkPlan = checkPlan .replace(/^()*(\d+)\.(\d\d).*$/, '$1$2.$3') // 只能輸入兩個小數 } return checkPlan },

使用:

<el-input
v-model="money" :change="money = checkPrice(money)">