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.
)
html input "digits only" - älypuhelinyhteensopivuus ?
smart_html
1
167
Vastaukset
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
- 744286
Purra on kantanut vastuuta täyden kympin arvoisesti
Luottoluokituksen lasku, ennätysvelat ja ennätystyöttömyys siitä muutamana esimerkkinä. Jatkakoon hän hyvin aloittamaans934003Surullista
Että menetit sen naisen , tosi surullista ja vielä oman tyhmyyden takia ,ymmärrän että se on masentavaa582497Muuttunut käytös
Onko kaivattusi käytös muuttunut? Tiedätkö mistä se johtuu? Haluatko kertoa, mitä tapahtui?672367Väkeä oli liikkeellä
Nyt leijutaan pilvissä. Kun eläinpuistossa oli porukkaa 😆😆 Olihan siellä kun ilmaiseksi pääsivät. Eiköhän se juuri sik412054- 1282004
- 491939
Kummallista
Oletteko koskaan ihastuneet ihmiseen, joka ei ulkonäöltään vastaa ollenkaan ihannettanne?541698- 561682
- 661592