Numbriväli
Koguge numbreid täpselt ja stiilselt. Alates lihtsatest numbrilistest sisenditest kuni interaktiivsete liuguriteni valuutavorminguga – numbriväli pakub valideerimist, vormindamist ja ilusat kasutuskogemust.
Nutikas numbrite kogumine sisseehitatud valideerimisega
Ideaalne:
Võimsad funktsioonid igaks kasutusjuhtumiks
🎯 Täpne valideerimise kontroll
Min/Max piirid
Määrake madalaim ja kõrgeim lubatud väärtus. Sisseehitatud brauseri valideerimise abil saate vältida sobimatuid sisestusi enne esitamist.
Sammu suuruse kontroll
Määrake valuuta juurdekasvu väärtused – täisarvud (1), pooltäisarvud (0.5) või täpsed kümnendmurrud (0.01).
Näited:
- Vanuseväli: min 18, max 100, 1. samm
- Hinnaväli: min 0, max 10000, samm 0.01
- Hinnang: min 1, max 5, samm 0.5
💰 Nutikas numbrite vormindamine
Mitu vorminguvalikut:
- Lihtne number – lihtne numbriline sisend (123)
- Valuuta – sümbolitega raha (123.00 $, 123.00 €, 123.00 £)
- Protsent – automaatselt lisatud % sümbol (85%)
- Kümnendkoht – fikseeritud kümnendkohad (123.45)
Kohandatud valuutasümbolid
Toetatud on kõik valuutad: $, €, £, ¥, ₹ ja teised – ideaalne rahvusvaheliste vormide jaoks.
Kümnendkoha täpsus
Täpsete arvutuste jaoks kontrollige kümnendkohti vahemikus 0 kuni 4 numbrit.
Interaktiivne liugurirežiim
Visuaalne numbrivalik
Teisendage numbrilised sisendid kauniteks liuguriteks. Kasutajad saavad väärtusi libistades valida – ideaalne hinnangute, vahemike ja eelistuste jaoks.
Kohandatav välimus
- Valige oma brändile sobiv liuguri värv
- Näita/peida praeguse väärtuse kuvamine
- Sujuvad animatsioonid ja üleminekud
Ideaalne:
- Rahulolu hinnangud (1–10)
- Eelarvevahemikud (0–5000 dollarit)
- Vanusevalijad
- Prioriteeditasemed
- Mistahes vahemiku valik
🔀 Tingimuslik loogika
Nutikas väljanägemine
Kuva või peida see numbriväli teiste väljaväärtuste põhjal. Loo dünaamilisi vorme, mis kohanduvad kasutaja sisendiga.
Täiustatud loogikareeglid:
- JA loogika – Kõik tingimused peavad olema täidetud
- VÕI loogika – iga tingimus võib toimingu käivitada
- 8 operaatorit – Võrdub, Pole võrdne, Suurem kui, Väiksem kui, Sisaldab, On tühi ja palju muud
Kasutusjuhtumid:
- Kuva valik „Külaliste arv” ainult siis, kui märkeruut „Kas soovite külalisi kaasa võtta?” on märgitud.
- Kuva „Eelarvevahemik”, kui teenuse tüüp on võrdne „Premium”-iga
- Peida sooduskood, kui tellimuse kogusumma on alla 50 dollari
- Kuva vanusepiirangu valikud, kui vanus on üle 1 aasta
🎨 Täielik kohandamine
- Kohandatud CSS-klassid
- Peidetud välja režiim
- Mobiilseadmetele optimeeritud sisendid
- Ligipääsetavuse tugi
- Integratsioon kõigi vormifunktsioonidega
- Sammu suurus, algväärtus
- Madalaim/kõrgeim lubatud väärtus
- Peidetud väli, peidetud väärtus
⚙️ Nutikas konfiguratsioon
Vaikeväärtused
Kasutajate juhendamiseks või täitmise kiirendamiseks eeltäitke väljad algusnumbritega.
Kohatäite tekst
Enne kui kasutajad sisestavad, kuva kasulikke vihjeid, näiteks „Sisesta kogus” või „Teie vanus”.
Abitekst
Lisage kirjeldused, et selgitada, milliseid numbreid sisestada.
Lihtne seadistamine 3 sammuga
Valmista oma rippmenüü minutitega
Lisa numbriväli
Lohistage numbriväli jaotisest Põhiväljad oma vormile.
Määrake valideerimisreeglid
Kasutajate sisestatavate numbrite määramiseks konfigureerige min/max väärtused, sammu suurus ja algväärtus.
Valige vorming ja stiil
Valige tavaline, valuuta-, protsentuaalne või kümnendvorming. Soovi korral lubage visuaalse valiku jaoks liugurirežiim.
???? Ongi kõik! Teie numbriväli on nutika valideerimise ja vormindamisega valmis.
Reaalmaailma rakendused
E-kaubandus ja tellimused
- Toote koguse valijad
- Hinnavahemiku filtrid
- Diskontoprotsendi sisendid
- Esemete arv ja kogusummad
Küsitlused ja hinnangud
- Rahulolu skoorid (1–10)
- Tärnihinnangud
- Prioriteetide järjestus
- Tõenäosusskaalad
Fitness ja tervis
- Kaalu jälgimine
- Kõrguse mõõtmed
- Harjutuste kordused
- KMI kalkulaatorid
Broneeringud ja reserveeringud
- Külaliste/osalejate arv
- Toa kogus
- Kestus tundides/päevades
- Peo suurus
Taotlusvormid
- Vanuse kontrollimine
- Aastatepikkused kogemused
- Palgaootused
- Eelarvevahemikud
Äri ja rahandus
- Tulu sisendid
- Investeeringute summad
- ROI protsendid
- Komisjonitasud
Täielikud väljavalikud
Põhikonfiguratsioon
- Välja silt – Numbrivälja kohal kuvatav pealkiri
- Kirjeldus/Abitekst – Lisajuhised kasutajatele
- Vajalik väli – Muutke numbri sisestamine kohustuslikuks
- Kohatäite tekst – Vihjetekst enne numbri sisestamist
Valideerimisseaded
- Madalaim lubatud väärtus (min) – Väikseim vastuvõetav arv
- Suurim lubatud väärtus (max) – Suurim vastuvõetav arv
- Sammu suurus – Suurenda väärtust (1, 0.5, 0.01 jne)
- Algväärtus – Eelnevalt täidetud vaikenumber
Number vormindamine
- Kuva vorming
- Lihtnumber
- Valuuta (sümboliga)
- Protsent (%)
- Kümnendmurd (fikseeritud kohad)
Valuutasümbol – $, €, £, ¥, ₹ (kui vorming on Valuuta)
Kümnendkohad – 0, 1, 2, 3 või 4 numbrit (kui formaat on kümnendsüsteem)
Liuguri valikud
- Näita liugurina – Luba interaktiivne liugurirežiim
- Liuguri värv – Kohandatud värvivalija brändingu jaoks
- Näita numbrit liuguri kõrval – Kuva praegune väärtus
Tingimuslik loogika
- Luba tingimuslik Logic – Näita/peida vastavalt tingimustele
Loogika tüüp- Kõik tingimused peavad olema täidetud (JA)
- Mistahes tingimus võib olla täidetud (VÕI)
- Tingimusreeglid
- Näita Peida – Võetavad meetmed
- Väli – Millist välja kontrollida
- operaator – Võrdub, Ei ole võrdne, Sisaldab, Suurem kui, Väiksem kui, On tühi, Ei ole tühi
- Väärtus – Võrdlusväärtus
- Mitu tingimust – Lisa piiramatu arv reegleid
Advanced Options
- Varjatud välja režiim – Kasuta peidetud väljana eelmääratud väärtusega
- Kohandatud CSS-klassid – Rakenda kohandatud stiili
- Ligipääsetavuse atribuudid – ARIA sildid ja kirjeldused
Miks valida meie numbriväli?
✅ Täpne – Täpne min/max valideerimine hoiab ära vigased kirjed
✅ Paindlik – Mitmed vormingud igaks kasutusjuhtumiks
✅ Visuaalne – Liugurirežiim loob kaasahaaravaid interaktsioone
✅ Nutikas – Tingimuslik loogika loob dünaamilisi vorme
✅ Kasutajasõbralik – Selged valideerimissõnumid juhendavad kasutajaid
✅ professionaalne – Sisseehitatud valuuta ja protsendi vormindamine
✅ Mobiil optimeeritud – Täiuslikud numbriklaviatuurid mobiilseadmetes
✅ Täielikult integreeritud – Töötab sujuvalt kõigi vormifunktsioonidega
Korduma kippuvad küsimused
K: Mis vahe on min/max ja valideerimise vahel?
A: Min/Max seaded pakuvad kohest brauseri tasemel valideerimist. Kasutajad ei saa sisestada sobimatuid numbreid, mistõttu on vormid veatud ja kasutajasõbralikud.
K: Kas ma saan kümnendarve kasutada?
V: Jah! Kümnendkohtade kontrollimiseks määrake sammu väärtus. Kasutage valuuta (hindade) jaoks 0.01, ühe kümnendkoha jaoks 0.1 või mis tahes kohandatud sammu.
K: Kuidas liugur mobiilis töötab?
A: Slaiderid on puutetundlikud ja töötavad mobiilseadmetes sujuvalt.
K: Kas ma saan koguda negatiivseid numbreid?
A: Absoluutselt! Negatiivsete arvude lubamiseks määrake negatiivne miinimumväärtus (nt min: -100, max: 100).
K: Milliseid valuutasümboleid toetatakse?
V: Suvaline sümbol! Sisesta $, €, £, ¥, ₹ või mis tahes kohandatud sümbol kuni 3 tähemärgini.
K: Kas ma saan kasutada numbrite võrdlemisel põhinevat tingimuslikku loogikat?
V: Jah! Kasutage numbrilistel väärtustel põhineva loogika loomiseks operaatoreid nagu „Suurem kui“, „Väiksem kui“ ja „Võrdub“.
K: Kuidas luua protsendivälja?
A: Valige kuvamisvorminguks „Protsent (%)”. Sümbol % ilmub automaatselt ja kasutajad sisestavad väärtused vahemikus 0–100.
K: Kas ma saan liuguri värvi muuta?
V: Jah! Kui liugurirežiim on lubatud, saate värvivalija abil valida mis tahes värvi.
K: Mis juhtub, kui kasutajad sisestavad vahemikust väljas olevaid numbreid?
A: Brauseri valideerimine peatab esitamise ja kuvab veateate, näiteks „Väärtus peab olema vahemikus 1 kuni 100”.
K: Kas ma saan arvuvälja arvutuste jaoks kasutada?
V: Jah! Numbrivälja väärtused toimivad tingimuslikes võrdlustes ja vormitöötluse arvutustes.
K: Kui täpsed võivad kümnendarvud olla?
V: Kümnendkohtade täpsuseks saab määrata 0 kuni 4 numbrit ja sammude täpsus võib olla nii täpne kui vaja (nt 0.001).
