ForgeComponents
el

Components

j-Pin

jComponent 20 · jcomponent@20 component Παράδειγμα φορτωμένο με jComponent 20

Ένα απλό PIN.


ΕΠΙΤΡΟΦΗ:

  • count {Number} Ο αριθμός των εισοδημάτων PIN (επιλογή: 6)
  • Το required {Boolean} επιτρέπει το «αναγκαίο» (προεπιλεγμένο: false)
  • Το disabled {Boolean} μπορεί να απενεργοποιήσει τον έλεγχο
  • hide {Boolean} απενεργοποιεί την προβολή αριθμών (προεπιλογή: false)
  • Το mask {Boolean} απενεργοποιεί τη μάσκα (προεπιλεγμένο: true)
  • NEW exec {String} ένας δρόμος προς το function(pin)
  • NEW allowpaste {Boolean} επιτρέπει την παστενίτιση pin (προεπιλεγμένη: true)

Καλό να ξέρεις:

  • Η εισαγωγή χωρίς αξία δημιουργεί χώρο
  • ΕΠΙΛΟΓΕΙ ΤΟ String

Μέθοδοι:

  • Το component.focus() επικεντρώνεται στην πρώτη εισαγωγή

Χρησιμοποιήστε το με <ui-component name="pin">Όταν το στοιχείο δεν έχει φορτωθεί ακόμα, jComponent Κατεβάστε το για πρώτη φορά από τη διεύθυνση DEF.fallback (Η Componentator Συγγραφέας: Peter Širka. πηγή: το Componentator Ετικέτες Αξιολόγηση, MIT άδεια.

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>