osmos/osmos-custom-elements/passwordValidationRules/passwordValidationRules.html

OSMOS - Symbiosys

<template>
  <label>must : </label>
  <ul class="password-validation-list">
    <li if.bind="passwordValidationRules.requiredLength" style.bind="isValid.lengthOk ? ruleCheckedStyle : ''">
      be at least ${passwordValidationRules.requiredLength} characters
    </li>
    <li if.bind="passwordValidationRules.requireDigit" style.bind="isValid.digitsOk ? ruleCheckedStyle : ''">
      at least one digit ('0'-'9')
    </li>
    <li if.bind="passwordValidationRules.requireLowercase" style.bind="isValid.lowerOk ? ruleCheckedStyle : ''">
      have at least one lowercase ('a'-'z')
    </li>
    <li if.bind="passwordValidationRules.requireUppercase" style.bind="isValid.upperOk ? ruleCheckedStyle : ''">
      have at least one uppercase ('A'-'Z')
    </li>
    <li if.bind="passwordValidationRules.requireNonAlphanumeric" style.bind="isValid.specialOk ? ruleCheckedStyle : ''">
      have at least one non alphanumeric character
    </li>
  </ul>
</template>