j-Pin

jComponent 20 · jcomponent@20 component Příklad načten s jComponent 20

Jednoduchý PIN maker.

Konfigurace:

count {Number} počet PIN vstupů (předvolené: 6)
required {Boolean} umožňuje „potřebné“ (předvolené: false)
disabled {Boolean} může tuto kontrolu deaktivovat
hide {Boolean} znemožňuje zobrazování čísel (podmínkou: false)
mask {Boolean} deaktivuje masku (přesněji řečeno: true)
NEW exec {String} cesta k function(pin)
NEW allowpaste {Boolean} umožňuje pastování pinů (předvolené: true)

Dobré vědět:

Vstup bez hodnoty vytváří prostor
To očekává String

Metody:

component.focus() se zaměřuje na první vstup

Použijte ji s <ui-component name="pin">Pokud je součástka ještě nezačleněna, jComponent Stáhnout ji na první použití z adresy DEF.fallback a) The Componentator CDN dle předvolby. autor: Peter Širka. zdroj: Componentator Výrobce je autorizován, MIT licence.

example.html

<div style="padding:50px">
	<div style="width:200px">
		<div style="margin-bottom:5px">PIN 1</div>
		<ui-component name="pin" path="pinA" config="count:4"></ui-component>
	</div>
	<br />
	<div style="width:250px">
		<div style="margin-bottom:5px">PIN 2 (hide:true)</div>
		<ui-component name="pin" path="pinB" config="count:5;hide:true"></ui-component>
	</div>
	<br />
	<div style="width:300px">
		<div style="margin-bottom:5px">PIN 3 (visible)</div>
		<ui-component name="pin" path="pinC" config="count:6;mask:false"></ui-component>
	</div>
</div>