j-RawInput

jComponent 20 · jcomponent@20 component Príklad načítaný s jComponent 20

j-RawInput je jednoduchý vstupný komponent s veľkou skrytou funkciou.

Konfigurácia:

type {String} Opcionálne môže byť email, phone, password, zip, date, time, url, number, search, lower, upper alebo prázdne (default)
required {Boolean} voliteľné, umožňuje "povinné" (predvolené: false)
autofocus {Boolean} je voliteľný, zameraný na vstup (predvolené: false)
autofill {Boolean} voliteľné, umožňuje funkciu automatizácie prehliadača (predvolené: false)
placeholder {String} voliteľné, do vstupu pridá text placeholder
maxlength {Number} voliteľné, nastavenie maximálnej dĺžky nádrží (predvolené: 200)
minlength {Number} voliteľné, nastavenie minimálnej dĺžky pneumatík
minvalue {Number} voliteľné, minimálna hodnota pre typ number
maxvalue {Number} voliteľné, maximálna hodnota pre typ number
validate {String} voliteľné, podmienka pre overenie hodnoty, môže obsahovať prepojenie na function(value) alebo !!value.match(/[a-z]+/)
format {String} Opcionálne, výstupné formátovanie atď. pre date typy : yyyy-MM-ddpre time typy : HH:mmpre number Môžete určiť max. decimals
disabled {Boolean} voliteľné, deaktivuje tento komponent
autocomplete {String} voliteľné, musí obsahovať odkaz na funkciu, je spustený na focus udalosti
spaces {Boolean} voliteľné, povolí medzery, inak ich odstráni (predvolené: true)
autosource {String} cesta k funkcii search v autocomplete, function(search, render(arr))
autovalue {String} je vlastná cesta pre hodnotu v autosource, predvolená: name
autoexec {String} - metóda trasy function(item, next(value_to_input))
forcevalidation {Boolean} umožňuje validáciu sily pre phone a email (predvolené: true)
monospace {Boolean} umožňuje písmo monospaced (predvolené: false)
enter {String} odkaz na function(val, com) - vyhodnotený, keď používateľ stlačí vstup
NEW: realtime {Boolean} umožňuje väzbu v reálnom čase (predvolené: true)
NEW: exec {String} odkaz na function(value, element) ktorý bude vyhodnotený, ak je vstup ovplyvnený

Použite ho so <ui-component name="rawinput">. Keď komponent ešte nie je načítaný, jComponent ho stiahne pri prvom použití z adresy v DEF.fallback (predvolene CDN Componentator). Autor: Peter Širka. Zdroj: úložisko komponentov Componentator, licencia MIT.

example.html

<ui-component name="rawinput" path="form.name"></ui-component>

<script>
	var form = { name: 'Peter' };
</script>