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

173

    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. Orpo hiiri kadoksissa, Marin jo kommentoi

      Kuinka on valtiojohto hukassa, kun vihollinen Grönlantia valloittaa? Putinisti Purra myös hiljaa kuin kusi sukassa.
      Maailman menoa
      117
      6329
    2. Lopeta jo pelleily, tiedän kyllä mitä yrität mies

      Et tule siinä onnistumaan. Tiedät kyllä, että tämä on just sulle. Sä et tule multa samaan minkäänlaista responssia, kosk
      Ikävä
      380
      6142
    3. Nuori lapualainen nainen tapettu Tampereella?

      Työ­matkalainen havahtui erikoiseen näkyyn hotellin käytävällä Tampereella – tämä kaikki epäillystä hotelli­surmasta tie
      Lapua
      69
      5970
    4. Tampereen "empatiatalu" - "Harvoin näkee mitään näin kajahtanutta"

      sanoo kokoomuslainen. Tampereen kaupunginvaltuuston maanantain kokouksessa käsiteltävä Tampereen uusi hyvinvointisuunni
      Maailman menoa
      344
      3962
    5. Lidl teki sen mistä puhuin jo vuosikymmen sitten

      Eli asiakkaat saavat nyt "skannata" ostoksensa keräilyvaiheessa omalla älypuhelimellaan, jolloin ei tarvitse mitään eril
      Maailman menoa
      145
      2365
    6. Ukraina, unohtui korona - Grönlanti, unohtu Ukraina

      Vinot silmät, unohtui Suomen valtiontalouden turmeleminen.
      Maailman menoa
      4
      2345
    7. Orpo pihalla kuin lumiukko

      Onneksi pääministerimme ei ole ulkopolitiikassa päättäjiemme kärki. Hänellä on täysin lapsellisia luuloja Trumpin ja USA
      Kansallinen Kokoomus
      119
      1403
    8. Onko täällä helmessä tapahtunut vakava rikos?

      Onko kuullut kukaan mitään.
      Haapavesi
      12
      1241
    9. Miten kauan sulla menisi

      Jos tulisit mun luo tänne nyt kahvinkeittoon?
      Ikävä
      186
      1085
    10. Miksi me oikein

      Rakastuttiin?
      Ikävä
      59
      887
    Aihe