T&R splet blog o spletnih storitvah. Razgaljamo tehnologijo!

reference spletnih strani
« PHP knjižice za delo s slikami – WideImage | Thumbnailer
Konverzija CP1250, ISO-8859-1 baze v UTF-8 – šumniki UTF-8 – cp1250 to utf8 »
17th August

Javascript – input text – le številke – validacija

Kratek in enostaven vodič, kako s pomočjo Javascripta preprečimo, da uporabnik vnese kaj drugega kot številke. Pri tem bi vas le opozoril, da je Javascript le v pomoč pred dejansko validacijo, ki se mora zgoditi na server side strani. Zakaj? Zato, ker lahko vsak obiskovalec Javascript preprosto blokira/onemogoči, napadalec pa lahko podatke tudi pošlje direktno preko POST ali GET metode brez vašega obrazca (torej emulira vaš obrazec brez validacije).

Javascript koda za input s samo številkami:

PLAIN TEXT
JAVASCRIPT:
  1. function numbersonly(myfield, e, dec) {
  2.     var key;
  3.     var keychar;
  4.  
  5.     if (window.event)
  6.         key = window.event.keyCode;
  7.     else if (e)
  8.         key = e.which;
  9.     else
  10.         return true;
  11.  
  12.     keychar = String.fromCharCode(key);
  13.  
  14.     // control keys
  15.     if ((key==null) || (key==0) || (key==8) ||
  16.     (key==9) || (key==13) || (key==27) || (key==46) || (key==39) || (key==37))
  17.     return true;
  18.  
  19.     // numbers
  20.     else if ((("0123456789").indexOf(keychar)> -1))
  21.     return true;
  22.  
  23.     // decimal point jump
  24.     else if (dec && (keychar == ".")) {
  25.              myfield.form.elements[dec].focus();
  26.         return false;
  27.         // num keys številke
  28.     } else if (key == 96 || key == 97 || key == 98 || key == 99 || key == 100 || key == 101 || key == 102 || key == 103 || key == 104 || key == 105) {
  29.         return true;
  30.     } else {
  31.         return false;
  32.     }
  33. }

Dodatne informacije

Deli s skupnostjo:

  • Print
  • Digg
  • Sphinn
  • del.icio.us
  • Facebook
  • Mixx
  • Google Bookmarks

Podobni članki:

  1. Spreminanje input type text v input type password – Javascript
  2. Javascript – delci uporabne kode
  3. PHP funkcije v Javascript jeziku – isset
  4. Input background-color – spreminjanje z Javascript-om
  5. Kako preprečiti dvojno pošiljanje obrazca z pomočjo Javascript-a (form submit)
  6. Javascript – print – tiskanje – document – onload
  7. Operacije nad seznami – Javascript DOM – HTML select – HTML option
  8. Javascript – scrolling – jQuery.scrollTo – jQuery.SerialScroll
  9. Javascript – alert – confirm – prompt
  10. Rezanje teksta po koncu besede – php funkcija – substr – cut text – UTF-8

Roky || Monday, August 17th, 2009 ob 8:56 pm || Splet, Splet (Javascript, Ajax) || RSS 2.0 | Dodaj komentar || Trackback


1 komentar na “Javascript – input text – le številke – validacija”

  1. Boštjan je napisal:
    November 4th, 2009 ob 8:35 am

    Sicer stara zadeva, ampak a ni enostavneje če daš:

    onKeyDown="this.value = this.value.replace(/[^0-9]+/g, '''');" ?

Dodaj komentar