Leoff00 / maskPassword

Learning how to mask inputs with regex patterns.
1 stars 0 forks source link

Gostei da ideia #1

Open Kevin9227 opened 2 years ago

Kevin9227 commented 2 years ago

Poderíamos partilhar algum conhecimento...

Pode falar mas, sobre o maskPassword ?

Leoff00 commented 2 years ago

Olá Kevin, mask ou se preferir mascara é um termo utilizado para adicionar ou substituir um valor pelo outro, por exemplo:

Input: 123456 -> mask business rule -> Output: #######

Kevin9227 commented 2 years ago

Isso seria mais ou menos que nem uma criptografia ?

Analisei o script e queria saber o que pertente fazer nessa função:

function persistInputOnLocalStorage(e) { e.preventDefault(); if (!nameInput || !pwdInput) return alert("Please enter with some data");

const regex = /[a-zA-Z]/g;
const replacement = /#/g;
const pwdMask = pwdInput.replace(regex, "#####");
console.log(pwdMask);

localStorage.setItem("name: ", nameInput);
localStorage.setItem("password: ", pwdMask);

}

Podes dar uma breve explicação ?

Leoff00 commented 2 years ago

É exatamente isso, uma criptografia, exemplifiquei como um dado ficaria salvo no localStorage do seu navegador, o input é capturado e sofre uma transformação com regex. Os campos são substituidos por "#" e assim sendo salvos no localStorage