preesoft-react-pwr

Preesoft PVT LTD

The Password Requirement Signup page

Preesoft is software company:

Example

With fullfilled

Installation

npm i preesoft-react-pwr

Install the dependencies and start

import { Requirements } from 'preesoft-react-pwr'

   <Requirements
        value={password}
        requirements={passwordRequirements}
        onValidChange={isValid => setisValid(isValid)}
      />

Requires array of requirments

  const passwordRequirements = [
    {
      text: 'Must be at least 8 characters',
      validator: val => val.length >= 8,
    },
    {
      text: 'Must contain at least one number',
      validator: val => /\d/g.test(val),
    },
    {
      text: 'Must contain at least one lower-case letter',
      validator: val => /[a-z]/g.test(val),
    },
    {
      text: 'Must contain at least one upper-case letter',
      validator: val => /[A-Z]/g.test(val),
    },
  ];

• You can add more requirments
• just remember validator function return value and return true false value

onValidChange: (boolen)=> false || true

value : password state