{"id":89,"date":"2022-01-03T12:08:32","date_gmt":"2022-01-03T12:08:32","guid":{"rendered":"https:\/\/ionicframeworktraining.com\/blogs\/?p=89"},"modified":"2022-05-13T11:55:01","modified_gmt":"2022-05-13T11:55:01","slug":"how-to-create-strong-password-in-javascript-with-number-alphabet-and-symbols","status":"publish","type":"post","link":"https:\/\/meanjstraininginstitute.com\/blogs\/2022\/01\/03\/how-to-create-strong-password-in-javascript-with-number-alphabet-and-symbols\/","title":{"rendered":"How To Create Strong Password In JavaScript With Number, Alphabet And Symbols."},"content":{"rendered":"

Step1:-<\/strong> Add textbox to display Password<\/p>\n

< input type=”text” id=”password” ><\/p>\n

Step2:-<\/strong> Declare variable and regular expression pattern<\/p>\n

var allChars = “0123456789abcdefghijklmnopqrstuvwxyz!@#$%^&*()ABCDEFGHIJKLMNOPQRSTUVWXYZ”;
\nvar pwd= “”;
\nvar pattern = new RegExp(“^(?=.*[a-z])(?=.*[A-Z])(?=.*\\\\d)(?=.*[-+_!@#$%^&*.,?]).+$”);<\/p>\n

Step3:-<\/strong> Create generatePassword function and check password validation<\/p>\n

function generatePassword() {
\nfor (var i = 0; i <= 8; i++) {
\nvar randomNumber = Math.floor(Math.random() * allChars.length);
\npwd += allChars.substring(randomNumber, randomNumber +1);
\n}
\nif(pattern.test(pwd)){
\ndocument.getElementById(“password”).value = pwd;
\n} else {
\npwd=””;
\ngeneratePassword();
\n}
\n}<\/p>\n

generatePassword();<\/p>\n

Step4:-<\/strong> Add button to copy strong password<\/p>\n

< button onclick=”copyPassword()” >Copy< \/button><\/p>\n

Step5:-<\/strong> Create function to copy generated password<\/p>\n

function copyPassword(){
\ndocument.getElementById(“password”).select();
\ndocument.execCommand(“copy”);
\n}<\/p>\n

Example:-
\n