JSFiddle - React, Tailwind, and code Playground

by Bhaumik Mehta

JavaScript

var pwdList = [
    '@@V4-\3Z`zTzM{>k',
    '12qw!"QW12',
    '123qweASD!"#',
    '1qA!"#$%&',
    'GĂĽnther32',
    '123456789',
    'qweASD123',
    'qweqQWEQWEqw',
    '12qwAS!'
  ];
  
  const validate = (value) =>
  	value.match(/[\@\#\$\%\^\&\*\(\)\_\+\!]/) && value.match(/[a-z]/) && value.match(/[0-9]/) && value.match(/[A-Z]/);
  
  pwdList.forEach(function (pw) {
    document.write('<span style="color:'+ (validate(pw) ? 'green':'red') + '">' + pw + '</span><br/>');
  });