開發過程中input框中輸入做限制,一般正則都是百度一下,但是找了很多也沒滿意的,為了體驗感,直接輸入的數字不符合要求的直接變空,如:
要求輸入一個正數且保留2位小數,不能00開頭,或不能出現多個點
可以寫代碼驗證匹配,但最方便的還是自己直接寫一個replace,替換掉不符合要求的,體驗感也好,代碼寫法簡單方便,oninput="value=value.replace(/[^0-9]+(\.?)+([0-9]{3})$|[^0-9]+(\..?)$|00/,'')"
<el-input
v-if="search.itemSort === '批次件'"
v-model="scope.row.cancellation"
size="mini"
clearable
style="width: 100%"
placeholder="請輸入"
maxlength="10"
oninput="value=value.replace(/[^0-9]+(\.?)+([0-9]{3})$|[^0-9]+(\..?)$|00/,'')"
@change="changeCancellation(scope.$index)"
/>