Formázza be a beviteli mezőket automatikusan a Cleave.js segítségével
Gondolj a különböző beviteli mezőkre formázott struktúrát igényel. Telefonszámok, hitelkártyák, születési dátumok, utcai címek… mindegyikük rendelkezik saját egyedi minták.
Elég könnyű, hogy ezeket a mezőket egyedül hagyja, és bízzon a felhasználóban. De jobb lehet használni Cleave.js, egy ingyenes vanília JavaScript plugin neked segíteni automatikusan formázza a beviteli mezőket.
A HTML5 a következőket tartalmazza az adatmintákhoz kapcsolódó saját bemeneti készlet például telefonszámok. A Cleave használatával ezt a következő szintre lehet vinni testreszabott bemenetek hogy automatikusan formázza a szöveget ahogy gépelték.
Alapértelmezés szerint a plugin támogatja öt alapszöveg:
- Hitelkártya számok
- Telefonszámok
- Időpontok
- Numerikus stílus (vesszővel)
- Egyéni beviteli mezők
Az utolsó választás a legmenőbb, mert meg tudod csinálni saját egyedi adatminták a semmiből. Cleave nem kényszerít arra, hogy kövesse a szigorú módszereket.
Ehelyett megadja az eszközöket saját bemeneteit építeni val vel választható támogatás a React és szögelemek számára. Azt is támogatja minden nagyobb böngésző és támogatnia kell a támogatást örökölt böngészők együtt jQuery.
Ne feledje, hogy ez nem egy kemény plugin a beállításhoz. Ön bármilyen azonosítót vagy osztályt céloz a beviteli mezőn és adja át ezt egy új Cleave példányba. Íme egy minta részlet:
var cleave = new Cleave ('. input-phone', telefon: igaz, phoneRegionCode: 'country'); Azonban, míg a Cleave-t könnyen lehet beállítani, van sok egyéni funkció játszhatsz.
Az összes dokumentáció a repó belsejében, így meg kell böngésznie a GitHub oldalt megtalálja az összes különböző módszert és opciót. Pontosabban, a opciók oldala sokat kell átmennie, és eltarthat egy ideig, hogy megtalálja, amit akar.
Szerencsére Cleave-nek van rengeteg élő példa tanulhat és megismételhet. Ezek a példák is ingyenesen letölthető a GitHub repóból. Ha látni akarod több élő példát meglátogatni a Cleave.js kezdőlap vagy nézd meg ez a hegedű elakadt a demókkal.
