jQuery是一種流行的Javascript庫,它可以幫助開發人員快速開發高效的網站。在使用jQuery時,我們通常需要對用戶輸入的數據進行驗證。本文將介紹如何只允許數字輸入。
$(document).ready(function(){ $("input").keypress(function(event){ var inputValue = event.charCode; if(inputValue< 48 || inputValue >57){ event.preventDefault(); } }); });
以上代碼中,我們使用了jQuery的keypress()方法來檢測每一次鍵盤輸入。輸入的字符的ASCII碼值將存儲在變量inputValue中。如果輸入的字符不是數字(ASCII碼值小于48或大于57),則我們使用preventDefault()方法來阻止默認行為,也就是不允許輸入該字符。
在實際應用中,我們可以將以上代碼修改為只允許輸入小數點的輸入框:
$(document).ready(function(){ $("input").keypress(function(event){ var inputValue = event.charCode; // 允許數字和小數點 if((inputValue >47 && inputValue< 58) || inputValue == 46){ return true; }else{ event.preventDefault(); } }); });
在以上代碼中,我們允許輸入數字和小數點,其他的字符將被阻止。在檢測到輸入的字符是小數點時,我們將返回true,允許用戶輸入該字符。
總之,使用jQuery實現只允許數字的輸入非常簡單,只需要使用keypress()方法和一些基本的Javascript邏輯即可。