j-Pin

jComponent 20 · jcomponent@20 component Exemplu încărcat cu jComponent 20

Un tip de PIN.

Configurarea:

count {Number} numărul de intrări PIN (default: 6)
required {Boolean} permite „required” (default: false)
disabled {Boolean} poate dezactiva acest control
hide {Boolean} interzice afișarea numerelor (default: false)
mask {Boolean} dezactiva masca (default: true)
NEW exec {String} o cale spre function(pin)
NEW allowpaste {Boolean} permite pastarea pinului (default: true)

bine să știi:

Intrarea fără valoare creează un spațiu
Se așteaptă String

Metode:

component.focus() se concentrează pe prima intrare

Utilizați-l cu <ui-component name="pin">Când componenta nu este încă încărcată, jComponent Descărcați-l la prima utilizare de la adresa DEF.fallback (în cazul Componentator Autor: Peter Širka. sursă: Componentator Componente de stocare, MIT licență.

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>