輸入框限制輸入的內容格式,如(金額,數字)
金額限制小數點后2位數
<el-input placeholder="請填寫費用" v-model="formMoney.total_money" @keyup="formMoney.total_money = checkPrice(formMoney.total_money)"></el-input>// js
function checkPrice(value){let checkPlan = '' + valuecheckPlan = 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 placeholder="請填寫數字" v-model="formContract.periods" oninput="value=value.replace(/[^\d]/g, '')"></el-input>