j-Pin

jComponent 20 · jcomponent@20 component Exempel laddat med jComponent 20

En enkel PIN-makare

Konfigurera:

count {Number} ett antal PIN-inmatningar (default: 6)
required {Boolean} möjliggör ”nödvändigt” (default: false)
disabled {Boolean} kan inaktivera denna kontroll
hide {Boolean} inaktiverar visning av siffror (default: false)
mask {Boolean} inaktiverar masken (default: true)
NEW exec {String} en väg till function(pin)
NEW allowpaste {Boolean} möjliggör pinsamling (default: true)

Bra att veta:

Inträde utan värde skapar utrymme
Förväntar sig String

Metoder:

component.focus() fokuserar på första insatsen

Använd den med <ui-component name="pin">När komponenten ännu inte är laddad, jComponent Ladda ner den första gången från adressen i DEF.fallback (en av Componentator Författare: Peter Širka. källa: The Componentator Komponenterna i lager, MIT licens.

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>