j-PasswordMeter

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

ΕΠΙΤΡΟΦΗ:

Ο κωδικός πρόσβασης numbers {Boolean} πρέπει να περιέχει τουλάχιστον 1 αριθμό (προεπιλεγμένο: true)
Ο κωδικός πρόσβασης chars {Boolean} πρέπει να περιέχει τουλάχιστον 1 κάρτα (προεπιλεγμένο: true)
Ο κωδικός πρόσβασης special {Boolean} πρέπει να περιέχει τουλάχιστον 1 ειδικό φορτίο (προεπιλεγμένο: false)
Ο κωδικός πρόσβασης min {Number} πρέπει να έχει ελάχιστο μήκος χαρακτήρων (προεπιλεγμένο: 4)
Ο κωδικός πρόσβασης casesensitive {Boolean} πρέπει να περιέχει τουλάχιστον 1 χαμηλότερο και ανώτερο φορτίο (προεπιλεγμένο: true)
weak {String} μια ετικέτα για αδύναμο κωδικό πρόσβασης (προεπιλογή: Weak)
good {String} μια ετικέτα για καλό κωδικό πρόσβασης (προεπιλογή: Good)
strong {String} μια ετικέτα για ισχυρό κωδικό πρόσβασης (προεπιλογή: Strong)
short {String} μια ετικέτα σύντομου κωδικού πρόσβασης (προεπιλεγμένο: Short password)
text {String} μια ετικέτα για την επισήμανση (προεπιλεγμένη: Password strength)
valid {Number} min. ισχύοντα κριτήρια σε ποσοστό (προεπιλεγμένο: 40)
NEW showprogress {Boolean} εμφανίζει μια γραμμή προόδου (προεπιλογή: true)
NEW progress {String} ένας δρόμος προς το function({ progress: Number, rating: Number, numbers: Number, chars: Number, special: Number, upper: Number, lower: Number, unicode: Number, points: Number })

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

Η βαθμολογία υπολογίζεται ως ποσοστό: 100% = Δύναμη, 50% = Καλή, 0% = Αδυναμία.

Η βαθμολογία weak είναι χαμηλότερη από τη βαθμολόγηση 30
Η βαθμολογία good είναι μεταξύ 30 και 70.
Η βαθμολογία strong είναι υψηλότερη από τη βαθμολόγηση 70

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

example.html

<div style="width:300px">
	<ui-component name="passwordmeter" path="mypassword1"></ui-component>
	<br />
	<ui-component name="passwordmeter" path="mypassword2"></ui-component>
	<br />
	<ui-component name="passwordmeter" path="mypassword3"></ui-component>
</div>

<script>
	var mypassword1 = '123456';
	var mypassword2 = 'abcd';
	var mypassword3 = 'Ad35*t84';
</script>