在Web開發中,我們經常需要對輸入框進行限制,比如只能輸入正、負整數。jQuery提供了方便的解決方法。
//只允許輸入正整數 $("input[onlyNum]").on("input", function() { $(this).val($(this).val().replace(/[^\d]/g, '')); }); //只允許輸入正負整數 $("input[onlySignedNum]").on("input", function() { $(this).val($(this).val().replace(/[^-?\d]/g, '')); });
上面的代碼使用了正則表達式的方法來替換輸入框中非數字的字符。其中"[^]"表示非某個字符的意思,"\d"表示數字,"?"表示可選負號。
在 HTML 中,我們只需要給需要進行限制的輸入框加上相應的屬性即可:
<input type="text" onlyNum> <input type="text" onlySignedNum>
這樣就可以很方便地對輸入框進行限制了。當然,這只是一個簡單的例子,若需要更加精細的限制,還需要根據實際需求進行更加復雜的正則表達式編寫。