Kako v vnosnem polju HTML z uporabo jQueryja dovoliti samo številčne vrednosti (0-9)?
Ustvarjam spletno stran, kjer imam vnosno besedilno polje, v katerem želim dovoliti samo številčne znake, kot so (0,1,2,3,4,5...9) 0-9.
Kako lahko to storim z uporabo jQueryja?
866
3
Note: To je posodobljen odgovor. Spodnji komentarji se nanašajo na starejšo različico, ki se je ukvarjala s kodami ključev.
jQuery
Preizkusite sami [na JSFiddle][1].
Za to ni lastne implementacije jQueryja, lahko pa filtrirate vhodne vrednosti besedila
<input>
z naslednjim vtičnikominputFilter
(podpira Copy+Paste, Drag+Drop, bližnjice na tipkovnici, operacije kontekstnega menija, nenapisljive tipke, položaj careta, različne postavitve tipkovnice in [vse brskalnike od IE 9][2]):Vtičnik
inputFilter
lahko zdaj uporabite za namestitev vhodnega filtra:Tukaj je še nekaj primerov vhodnih filtrov, ki bi vam lahko bili v pomoč:
Vir: http://snipt.net/GerryEng/jquery-making-textfield-only-accept-numeric-values
Uporabite lahko to funkcijo JavaScript:
In jo lahko povežete z besedilnim poljem na naslednji način:
Zgornji način uporabljam v produkciji in deluje brezhibno ter je primeren za različne brskalnike. Poleg tega ni odvisen od programa jQuery, zato ga lahko povežete z besedilnim poljem z vgrajenim jezikom JavaScript: