Come permettere solo numeri (0-9) in HTML inputbox usando jQuery?
Sto creando una pagina web dove ho un campo di testo in cui voglio permettere solo caratteri numerici come (0,1,2,3,4,5...9) 0-9.
Come posso fare questo usando jQuery?
866
3
Nota: Questa è una risposta aggiornata. I commenti qui sotto si riferiscono ad una vecchia versione che pasticciava con i keycode;
jQuery
**Prova tu stesso [su JSFiddle][1].
Non c'è un'implementazione nativa di jQuery per questo, ma è possibile filtrare i valori di input di un testo
<input>
con il seguente plugininputFilter
(supporta Copy+Paste, Drag+Drop, scorciatoie da tastiera, operazioni del menu contestuale, tasti non digitabili, la posizione del caret, diversi layout di tastiera e [tutti i browser da IE 9][2]):È ora possibile usare il plugin
inputFilter
per installare un filtro di input:Qui ci sono altri esempi di filtri di input che potrebbero essere utili:
Fonte: http://snipt.net/GerryEng/jquery-making-textfield-only-accept-numeric-values
Potete usare questa funzione JavaScript:
E puoi legarla alla tua casella di testo in questo modo:
Io uso quanto sopra in produzione, e funziona perfettamente, ed è cross-browser. Inoltre, non dipende da jQuery, quindi puoi legarlo alla tua casella di testo con JavaScript in linea: