JQuery可以方便地讓我們對網(wǎng)頁中的元素進(jìn)行操作,其中input標(biāo)簽是一個非常常用的元素。
有時候我們需要對input標(biāo)簽進(jìn)行數(shù)字限制,比如要求用戶只能輸入整數(shù)或者小數(shù)點后只能有兩位小數(shù)。
下面是一個實現(xiàn)只能輸入整數(shù)的代碼:
$(document).on('keyup', 'input[type="number"]', function() { var $this = $(this); $this.val($this.val().replace(/[^\d]/g, '')); });
這段代碼通過監(jiān)聽input標(biāo)簽的keyup事件,將非數(shù)字字符替換為空字符串,從而實現(xiàn)只能輸入整數(shù)的功能。
如果我們想要限制只能輸入小數(shù)點后兩位的數(shù)字,可以使用下面的代碼:
$(document).on('keyup', 'input[type="number"]', function() { var $this = $(this); $this.val($this.val().replace(/^(0|[1-9]\d*)(\.\d{0,2})?$/, '$1$2')); });
該代碼通過正則表達(dá)式,將輸入的數(shù)字限制在0到包含兩位小數(shù)的數(shù)字范圍內(nèi)。