j-Pin

Un sencillo creador de PIN.

Configuración:

• count {Number} un recuento de entradas de PIN (predeterminado: 6)
• required {Boolean} habilita "requerido" (predeterminado: false)
• disabled {Boolean} puede desactivar este control
• hide {Booleano} desactiva la visualización de números (predeterminado: false)
• mask {Boolean} desactiva la máscara (predeterminado: true)
• NEW exec {String} un camino a function(pin)
• NEW allowpaste {Boolean} permite pegar pines (predeterminado: true)

Es bueno saberlo:

• la entrada sin valor crea un espacio
• espera String

Métodos:

• component.focus() enfoca la primera entrada

Úselo con <ui-component name="pin">. Cuando el componente aún no está cargado, jComponent lo descarga en el primer uso desde la dirección en DEF.fallback (el CDN Componentator de forma predeterminada). Autor: Peter Širka. Fuente: repositorio de componentes Componentator, licencia MIT.

<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>