JS: How to Check if a password is valid and make your site more secure

Hello World! The height episode of the series - A CSS/JS trick in 5 minutes.
My first ever Dev.to article was about HTML forms, in the last part, I explained you how to check if a password is valid. I will do the same here while going a little bit deeper.

We can have a lot of different types of password blockers. From the narrowest to the freest.

We first can just have a length validator:

function CheckPasswordLength (password) {
  if(password.length < 8 or password.length > 16) {   
     return false;  
  }  else {
     return true;
}

Then we can use regex for a more advanced test:

function checkPassword (password) { 
  var paswd =  /^(?=.*[0-9])(?=.*[!@#$%^&*])[a-zA-Z0-9!@#$%^&*]{8,16}$/;
  if(password.value.match(paswd)) { 
   return true;
  } else { 
   return false;
  }
} 

This condition will check for numbers, special characters, uppercase, lowercase and length.

if you don't know how regex work, check this:

A JavaScript Regular Expression (or Regex) is a sequence of characters that we can utilize to work effectively with strings. Using this syntax, we can search for text in a string, replace substrings in a string or extract information from a string.
Check this article to learn more about regex.

I also highly recommend you to add a code to check that the two passwords inserted are the same:

function checkMatching(password, confirmationPassword) {
  if (password.value === confirmationPassword.value) {
    return true
  } else {
    return false
  }
}

If you need it I also did an article on how to check if an email is valid.

Hope this helped and thanks for reading!

Please smash that like button to make me understand that you want the series to continue :)

Check this article about how to write CSS like a pro!