Password Input

Mahad Haqqi

Last Update 2 jaar geleden

Description

The Password Input plugin allows you to easily evaluate the strength of a password based on customizable criteria. You can check if a password meets certain security standards, such as a maximum number of characters, including a capital letter, a small letter, a special character, and a number. The plugin provides real-time feedback by updating states for each criterion, and it outputs a final validation state indicating whether the password is strong enough based on your selected requirements.
Key Features:
  • Customizable password strength checks: Define the criteria for evaluating the password’s strength, including the maximum number of characters, the presence of capital letters, small letters, special characters, and numbers.
  • Real-time feedback: As users type the password, states are updated to reflect whether the password meets each criterion.
  • Reset to default on empty input: If the password field is cleared, the plugin resets all checks to their default state.
  • Flexible control: Users can toggle individual checks on or off depending on their needs.

Demo Link: https://chakor-plugin-demo-2.bubbleapps.io/version-test/password_input

Editor Link:https://bubble.io/page?id=chakor-plugin-demo-2&tab=tabs-1&name=password_input&type=page

Instructions

  1. Add the Plugin Element:
    • Install the Password Input from the Plugins tab.
    • Add the Password Input element to your page.
  2. Configure Plugin Settings:
    • Set the password strength criteria using the following options:
      • Max Characters: Set a maximum length.
      • Capital Letters: Require at least one capital letter.
      • Small Letters: Require at least one small letter.
      • Special Characters: Require a special character.
      • Numbers: Require at least one number.
  3. Use Plugin States:
    • Monitor these states to provide real-time feedback:
      • maxCharCheck: Checks maximum character limit.
      • capitalCheck: Checks for capital letters.
      • smallCheck: Checks for small letters.
      • specialCharCheck: Checks for special characters.
      • numberCheck: Checks for numbers.
      • valid: Validates if the password meets all conditions.
  4. Reference an input field in the plugin element

Was this article helpful?

0 out of 0 liked this article