input輸入框兼容問題

火狐中 沒有input type=number這個設置,所以可以隨機輸入英文
解決方式:設置type爲text類型,只能輸入數字,字母會自動刪除
<input type=‘text’ @input=“inputText” v-model=“value”/>
// 封裝函數

function compaNumber(obj) {
    	let loanNumber = obj.target.value.replace(/[^\d.]/g, '');
    	// 通過正則過濾小數點後兩位
    	if (loanNumber.toString() !== (loanNumber.match(/^\d*(\.?\d{0,2})/g)[0])) {
        	loanNumber = (loanNumber.match(/^\d*(\.?\d{0,2})/g)[0]) || null
    	}
    	return loanNumber;
}

頁面中引用時

inputText(e){this.value=compaNumber(e)}
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章