An OpenUI5 Control which checks password strength and validates it against pre-defined rules. The control is an input with password type and parameters to enable validation rules.
You can check out a live demo here:
https://mauriciolauffer.github.io/openui5-password/demo/webapp/index.html
- demo - Library's live demo
- dist - Distribution folder which contains the library ready to use
- src - Development folder
- test - Testing framework for the library
Install openui5-password as an npm module
$ npm install openui5-password
Add the library to sap.ui5/dependencies/libs and set its path in sap.ui5/resourceRoots in your manifest.json file, as follows:
{
"sap.ui5": {
"dependencies": {
"libs": {
"openui5.password": {}
}
},
"resourceRoots": {
"openui5.password": "./FOLDER_WHERE_YOU_PLACED_THE_LIBRARY/openui5/password/"
}
}
}
Import openui5-password to your UI5 controller using sap.ui.require:
sap.ui.require([
'openui5/password/Password'
], function (Password) {
const passwordInput = new Password({
requireNumbers: true,
requireLetters: true,
requireSymbols: true,
requireLowercase: true,
requireUppercase: true,
minLength: 5,
maxLength: 42
});
});
Name | Type | Default | Description |
---|---|---|---|
maxLength | integer | 0 | Maximum number of characters. Value '0' means the feature is switched off. |
minLength | integer | 0 | Minimum number of characters. Value '0' means the feature is switched off. |
requireNumbers | boolean | true | Indicates that input must contain numbers |
requireSymbols | boolean | true | Indicates that input must contain symbols |
requireLetters | boolean | true | Indicates that input must contain letters |
requireLowercase | boolean | true | Indicates that input must contain lowercase letters |
requireUppercase | boolean | true | Indicates that input must contain uppercase letters |
score | integer | 0 | The score is a number which indicates the password strength. |
Mauricio Lauffer
This project is licensed under the MIT License - see the LICENSE file for details