j-Pin

Um simples PIN.

Configuração:

• count {Number} um número de entradas PIN (default: 6)
• required {Boolean} permite o “requisito” (default: false)
• disabled {Boolean} pode desativar esse controle
• hide {Boolean} desabilita a exibição de números (default: false)
• mask {Boolean} desabilita a máscara (default: true)
• NEW exec {String} um caminho para function(pin)
• NEW allowpaste {Boolean} permite a fixação de pin (default: true)

Bom para saber:

• A entrada sem valor cria um espaço
• A expectativa é de String.

Métodos:

• component.focus() concentra-se na primeira entrada

Use-o com <ui-component name="pin">Quando o componente ainda não está carregado, jComponent Descarrega-o no primeiro uso do endereço DEF.fallback (a partir do Componentator CDN por padrão). autor: Peter Širka. fonte: o Componentator Reserva de componentes, licença 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>