html input "digits only" - älypuhelinyhteensopivuus ?

smart_html

html -kielessä voi määritellä formiin tekstikentän näin:

Puhelin:

Mutta, monessa (äly)puhelimessa on erikseen aakkostila ja numerotila.
JOS kerran kenttään phone_number on tarkoitus syöttää vain numeroita, olisi hyvä, jos kentän voisi määritellä niin, että ainakin fiksusti suunnitellut (äly)puhelimet osaisivat itse aktivoida "vain numeroita" -tilan, kun ko. kenttä on aktiivisena, eli sillä on ns. input focus.

Onko tähän olemassa jotain yleisesti hyväksyttyä standardia ?

Toki esim. javascriptillä voi yrittää estää kirjainten syöttämisen, mutta tällainen ratkaisu ei anna puhelimen selaimelle mitään vihjettä siitä, että kyseessä on vain numeroille tarkoitettu kenttä.

Toinen asia: testasin omalla älypuhelimellani (Sony Ericsson XPeria mini pro SK17i) omalla PC:lläni olevaa http -palvelinta, niin huomasin, että puhelimen tab -näppäin ei siirry seuraavaan kenttään html -formilla kuten sen pitäisi, vaan sen sijaan lisää TAB -merkin (ASCII 9) aktiiviseen kenttään !

Tätä pitäisin bugina puhelimen selaimessa, mutta kuinka yleinen tällainen bugi on muissakin puhelinselaimissa ? Entä, voiko tämän bugin kiertää jotenkin itse html -formilla ? Tunnistamalla JavScriptillä, kun kenttään yritetään syöttää TAB -merkkiä ja estää ko. merkin syöttö ja sensijaan aktivoida seuraava kenttä (tai edellinen kenttä, jos SHIFT on myös alhaalla) ?

Toki olisi hyvä, että html formin pitäisi edelleen olla yhteensopiva myös tietokoneen selaimien kanssa. Jollei sitten ole mahdollista tunnistaa palvelimella, onko vastapäässä älypuhelin vai tietokone, ja tarjota 2 eri versiota samasta sivusta sen mukaan.


------------------------------- VASTAUSOHJE: -------------------------------

(JOS vastaat tähän, ja vastauksesi siältää HTML -koodia, huomaathan, että kannattaa kirjoittaa vastaus tekstieditorilla, ja ennen tekstin copypastetusta tänne forumille toimia näin:

korvaa jokainen pienempi kuin -merkki merkkijonolla <
korvaa jokainen suurempi kuin -merkki merkkijonolla >

MUUSSA tapauksessa vastauksesi katkeaa ensimmäiseen pienempi kuin -merkkiin, syynä forumsoftan bugi.
)

1

172

    Vastaukset

    Anonyymi (Kirjaudu / Rekisteröidy)
    5000
    • Tähän on ”käytännön standardi”, HTML5-kielen mukainen input-elementti, jossa ei ole type=”text” vaan type=”tel”. Toimii (jollain tapaa) aika monessa selaimessa. Ei sisällä tarkistuksia, vaan ne on syytä koodata erikseen, mieluiten HTML5-kielen pattern-määritteellä ja lisäksi vanhojen selainten takia JavaScriptillä (jossa voi käyttää pattern-määritteessä olevaa tietoa).

      Huom. rajoitukset puhelinnumeroiden muodolle voi asettaa tyhmästi tai erittäin tyhmästi. Ja myös fiksusti, mutta se vaatii sekä tietoa että ajattelua. Kohtalaisen fiksua on, että sallitaan välilyönnit ja yhdysmerkit (-) ja sulkeet mutta heitetään ne myöhemmin roskikseen. Ja alussa oleva plusmerkki ( ) on syytä sallia.

    Ketjusta on poistettu 0 sääntöjenvastaista viestiä.

    Luetuimmat keskustelut

    1. Taas nuoren kuolema

      Vasunmäentiellä paha onnettomuus. Nuori nainen menehtyi. Niiin sydäntä riipaisevaa 😭
      Lapua
      175
      6900
    2. Elikkäs persuissa ovat pahimmat häiriköijät

      Koska sieltä tuli kaikkein kovin ulahdus. Persujen peesissä seuraa kokoomus js hajuraon päässä röhkii kepulaiset. Olipa
      Maailman menoa
      79
      3690
    3. "Skandaali muhii SDP:ssä" - "pelon ilmapiiri vallitsee"

      Puolueen johto on vähintään vastuussa ilmapiiristä, jossa häirinnän uhrit eivät ole saaneet ääntään kuuluviin. Vyyhdin
      Maailman menoa
      122
      3619
    4. Tehomaksu rankaisisi normaalista sähkönkäytöstä

      Energiaviraston valmistelema tehomaksumalli herättää aiheellista huolta erityisesti tavallisten kotitalouksien näkökulma
      Maailman menoa
      76
      2888
    5. Ahdistelu ongelmaa vain vasemmistossa - ei oikeiston edustajissa

      Mutta demarit ovat tunnetusti sivistymättömiä, ja vähemmän fiksuja.
      Maailman menoa
      44
      2440
    6. Tampereen "empatiatalu" - "Harvoin näkee mitään näin kajahtanutta"

      sanoo kokoomuslainen. Tampereen kaupunginvaltuuston maanantain kokouksessa käsiteltävä Tampereen uusi hyvinvointisuunni
      Maailman menoa
      74
      2314
    7. Kuinka paljon teillä

      on ikäeroa?
      Ikävä
      130
      1885
    8. Sinusta kulta paljastuikin yllättävä

      taito. Vaikuttavaa. ❤️
      Ikävä
      54
      1328
    9. Trump asettaa Grönlannin kaappausta vastustaville Euroopan maille 10% tuontitullin

      Suomi mukana näissä maissa. Myöhemmin Trump aikoo nostaa tuontitullit 25%:iin kesäkuun alusta, jos Grönlannin kaappausta
      Maailman menoa
      376
      1303
    10. Miksi suorittamisesta tulee

      Miksi suorittamisesta tulee hyvä fiilis? Mitä sillä paikataan? Jollekinhan se voi olla jopa terapeuttista, mutta itse a
      Sinkut
      58
      1204
    Aihe