JavaScript သို့မဟုတ် jQuery နှင့် ပုံမှန်အသုံးအနှုန်းများဖြင့် Password Strength ကို စစ်ဆေးပါ (ဆာဗာ-ဘေးထွက် ဥပမာများဖြင့်လည်း!)

ငါအသုံးပြုတဲ့ Password ကိုအစွမ်းသတ္တိကို Checker ၏ဥပမာကောင်းရှာဖွေတာအပေါ်အချို့သောသုတေသနလုပ်နေတာ JavaScript ကို နှင့် ပုံမှန်အသုံးအနှုန်းတွေ (regex) ကျွန်ုပ်၏အလုပ်တွင်ရှိသော အပလီကေးရှင်းတွင်၊ စကားဝှက်ခိုင်ခန့်မှုကို အတည်ပြုရန် ပို့စ်တစ်ခုတင်ပြီး ကျွန်ုပ်တို့၏အသုံးပြုသူများအတွက် အဆင်မပြေလှပါ။

Regex ဆိုတာဘာလဲ။

ပုံမှန်စကားရပ်ဆိုသည်မှာရှာဖွေမှုပုံစံကိုသတ်မှတ်သည့်အက္ခရာစဉ်တစ်ခုဖြစ်သည်။ ပုံမှန်အားဖြင့်ထိုသို့သောပုံစံများကို string ရှာဖွေခြင်းဆိုင်ရာ algorithms အတွက်အသုံးပြုသည် ရှာတွေ့ or ရှာပြီးအစားထိုး ညှို့ပေါ်တွင်သို့မဟုတ် input ကို validation ကိုများအတွက်စစ်ဆင်ရေး။ 

ဤဆောင်းပါးသည်သင့်အားပုံမှန်အသုံးအနှုန်းများကိုမသင်ကြားရန်ဖြစ်သည်။ စာသားပုံစံများကိုသင်ရှာဖွေစဉ် Regular Expression များကိုသုံးခြင်းသည်သင်၏ဖွံ့ဖြိုးတိုးတက်မှုကိုလုံးဝရိုးရှင်းစေလိမ့်မည်ကိုသာသိရုံသာဖြစ်သည်။ မှတ်သားရန်လည်းအရေးကြီးသည်။ ဖွံ့ဖြိုးတိုးတက်မှုဆိုင်ရာဘာသာစကားအများစုသည်ပုံမှန်စကားရပ်အသုံးပြုမှုကိုပုံမှန်အသုံးချခြင်းဖြစ်သည်။ ထို့ကြောင့် Strex များကိုတစ်ဆင့်ချင်းစီရှာဖွေခြင်းနှင့်ရှာဖွေခြင်းများထက် Regex သည် server နှင့် client-side တို့တွင်ပိုမိုမြန်ဆန်သည်။

ငါမတွေ့မှီအတော်လေးနည်းနည်းဝဘ်ရှာဖွေခဲ့သည် ဥပမာတခု အရှည်၊ အက္ခရာများနှင့် သင်္ကေတများကို ပေါင်းစပ်ရှာဖွေသော ကြီးမြတ်သော ပုံမှန်အသုံးအနှုန်းများ။ သို့သော်၊ ကုဒ်သည် ကျွန်ုပ်၏အရသာအတွက် အနည်းငယ်လွန်ကဲပြီး .NET အတွက် အံဝင်ခွင်ကျဖြစ်ခဲ့သည်။ ဒါကြောင့် ကုဒ်ကို ရိုးရိုးရှင်းရှင်းနဲ့ JavaScript မှာ ထည့်လိုက်တယ်။ ၎င်းသည် ၎င်းအား ပြန်လည်မတင်မီ သုံးစွဲသူ၏ဘရောက်ဆာတွင် အချိန်နှင့်တပြေးညီ စကားဝှက်အား မှန်ကန်ကြောင်း အတည်ပြုစေသည်... နှင့် စကားဝှက်၏ ခွန်အားနှင့် ပတ်သက်၍ အသုံးပြုသူအား တုံ့ပြန်ချက်အချို့ကို ပေးပါသည်။

စကားဝှက်ရိုက်ထည့်ပါ

Keyboard ၏ Stroke တစ်ခုစီတိုင်းသည် Password ကိုပုံမှန်စကားအသုံးအနှုန်းနှင့်စမ်းသပ်စစ်ဆေးသည်။ ထို့နောက်၎င်းအောက်ရှိ span အတွင်းရှိအသုံးပြုသူအားတုံ့ပြန်မှုကိုပေးသည်။

JavaScript Password Strength လုပ်ဆောင်ချက်

အဆိုပါ ပုံမှန်အသုံးအနှုန်းတွေ ကုဒ်၏အရှည်ကို လျှော့ချရန် ကောင်းသောအလုပ်တစ်ခုလုပ်ပါ။ ဤ Javascript လုပ်ဆောင်ချက်သည် စကားဝှက်၏ ကြံ့ခိုင်မှုကို စစ်ဆေးပြီး ၎င်းကို လွယ်လွယ်၊ အလယ်အလတ်၊ ခက်ခဲသည် သို့မဟုတ် ခန့်မှန်းရအလွန်ခက်ခဲသည်ရှိမရှိ စစ်ဆေးပေးသည်။ လူအမျိုးအစားများအတိုင်း၊ ၎င်းသည် ပိုမိုအားကောင်းလာစေရန် အကြံပြုချက်များကို ပြသထားသည်။ ၎င်းသည် အောက်ပါတို့ကို အခြေခံ၍ စကားဝှက်ကို အတည်ပြုပေးသည်-

• အရှည် - စာလုံးအရှည် 8 လုံးအောက် သို့မဟုတ် အထက်ဖြစ်ပါက။
• ရောထွေး ဖြစ်ရပ်မှန် - စကားဝှက်တွင် စာလုံးအကြီးနှင့် အသေးစာလုံးများပါလျှင်။
• တောလည်ရာ - စကားဝှက်တွင် နံပါတ်များပါလျှင်။
• အထူးအက္ခရာများ - စကားဝှက်တွင် အထူးအက္ခရာများ ပါဝင်နေပါက။

လုပ်ဆောင်ချက်သည် အခက်အခဲအပြင် စကားဝှက်ကို ပိုမိုခိုင်မာစေမည့် အကြံပြုချက်အချို့ကို ပြသပေးပါသည်။

function checkPasswordStrength(password) {
  // Initialize variables
  var strength = 0;
  var tips = "";

  // Check password length
  if (password.length < 8) {
    tips += "Make the password longer. ";
  } else {
    strength += 1;
  }

  // Check for mixed case
  if (password.match(/[a-z]/) && password.match(/[A-Z]/)) {
    strength += 1;
  } else {
    tips += "Use both lowercase and uppercase letters. ";
  }

  // Check for numbers
  if (password.match(/\d/)) {
    strength += 1;
  } else {
    tips += "Include at least one number. ";
  }

  // Check for special characters
  if (password.match(/[^a-zA-Z\d]/)) {
    strength += 1;
  } else {
    tips += "Include at least one special character. ";
  }

  // Return results
  if (strength < 2) {
    return "Easy to guess. " + tips;
  } else if (strength === 2) {
    return "Medium difficulty. " + tips;
  } else if (strength === 3) {
    return "Difficult. " + tips;
  } else {
    return "Extremely difficult. " + tips;
  }
}

အကယ်၍ သင်သည် ထိပ်ဖျား၏အရောင်ကို အပ်ဒိတ်လုပ်လိုပါက၊ ကုဒ်ကို အပ်ဒိတ်လုပ်ပြီးနောက် ၎င်းကို သင်လုပ်ဆောင်နိုင်သည်။ // Return results လိုင်း။

// Get the paragraph element
  var strengthElement = document.getElementById("passwordStrength");

  // Return results
  if (strength < 2) {
    strengthElement.textContent = "Easy to guess. " + tips;
    strengthElement.style.color = "red";
  } else if (strength === 2) {
    strengthElement.textContent = "Medium difficulty. " + tips;
    strengthElement.style.color = "orange";
  } else if (strength === 3) {
    strengthElement.textContent = "Difficult. " + tips;
    strengthElement.style.color = "black";
  } else {
    strengthElement.textContent = "Extremely difficult. " + tips;
    strengthElement.style.color = "green";
  }

jQuery Password Strength လုပ်ဆောင်ချက်

jQuery ဖြင့်၊ ကျွန်ုပ်တို့သည် အမှန်တကယ်တွင် oninput update ဖြင့် form ကိုရေးရန်မလိုအပ်ပါ။

<form>
    <label for="password">Enter password:</label>
    <input type="password" id="password">
    <p id="password-strength"></p>
</form>

လိုချင်ပါက မက်ဆေ့ခ်ျများ၏ အရောင်ကိုလည်း ပြုပြင်နိုင်သည်။ 

$(document).ready(function() {
    $('#password').on('input', function() {
        var password = $(this).val();
        var strength = 0;
        var tips = "";
  
        // Check password length
        if (password.length < 8) {
            tips += "Make the password longer. ";
        } else {
            strength += 1;
        }
  
        // Check for mixed case
        if (password.match(/[a-z]/) && password.match(/[A-Z]/)) {
            strength += 1;
        } else {
            tips += "Use both lowercase and uppercase letters. ";
        }
  
        // Check for numbers
        if (password.match(/\d/)) {
            strength += 1;
        } else {
            tips += "Include at least one number. ";
        }
  
        // Check for special characters
        if (password.match(/[^a-zA-Z\d]/)) {
            strength += 1;
        } else {
            tips += "Include at least one special character. ";
        }
  
        // Update the text and color based on the password strength
        var passwordStrengthElement = $('#password-strength');
        if (strength < 2) {
            passwordStrengthElement.text("Easy to guess. " + tips);
            passwordStrengthElement.css('color', 'red');
        } else if (strength === 2) {
            passwordStrengthElement.text("Medium difficulty. " + tips);
            passwordStrengthElement.css('color', 'orange');
        } else if (strength === 3) {
            passwordStrengthElement.text("Difficult. " + tips);
            passwordStrengthElement.css('color', 'black');
        } else {
            passwordStrengthElement.text("Extremely difficult. " + tips);
            passwordStrengthElement.css('color', 'green');
        }
    });
});

သင်၏စကားဝှက်တောင်းဆိုမှုကိုခိုင်မာစေခြင်း

သင်၏ Javascript အတွင်းစကားဝှက်တည်ဆောက်မှုကိုအတည်ပြုရုံသက်သက်သာမကအရေးကြီးသည်။ ၎င်းသည် browser ဖွံ့ဖြိုးရေးကိရိယာများရှိသောမည်သူမဆို script ကိုကျော်လွှားပြီးသူတို့ကြိုက်သည့်မည်သည့် password ကိုမဆိုအသုံးပြုနိုင်သည် သင်၏ပလက်ဖောင်းတွင်မသိမ်းမီစကားဝှက်ကြံ့ခိုင်မှုကိုအတည်ပြုရန်ဆာဗာစစ်ဆေးမှုများကိုအစဉ်အမြဲအသုံးပြုသင့်သည်။

Password Strength အတွက် PHP Function

function checkPasswordStrength($password) {
  // Initialize variables
  $strength = 0;

  // Check password length
  if (strlen($password) < 8) {
    return "Easy to guess";
  } else {
    $strength += 1;
  }

  // Check for mixed case
  if (preg_match("/[a-z]/", $password) && preg_match("/[A-Z]/", $password)) {
    $strength += 1;
  }

  // Check for numbers
  if (preg_match("/\d/", $password)) {
    $strength += 1;
  }

  // Check for special characters
  if (preg_match("/[^a-zA-Z\d]/", $password)) {
    $strength += 1;
  }

  // Return strength level
  if ($strength < 2) {
    return "Easy to guess";
  } else if ($strength === 2) {
    return "Medium difficulty";
  } else if ($strength === 3) {
    return "Difficult";
  } else {
    return "Extremely difficult";
  }
}

Password Strength အတွက် Python Function

def check_password_strength(password):
  # Initialize variables
  strength = 0

  # Check password length
  if len(password) < 8:
    return "Easy to guess"
  else:
    strength += 1

  # Check for mixed case
  if any(char.islower() for char in password) and any(char.isupper() for char in password):
    strength += 1

  # Check for numbers
  if any(char.isdigit() for char in password):
    strength += 1

  # Check for special characters
  if any(not char.isalnum() for char in password):
    strength += 1

  # Return strength level
  if strength < 2:
    return "Easy to guess"
  elif strength == 2:
    return "Medium difficulty"
  elif strength == 3:
    return "Difficult"
  else:
    return "Extremely difficult"

စကားဝှက်ခိုင်မာမှုအတွက် C# လုပ်ဆောင်ချက်

public string CheckPasswordStrength(string password) {
  // Initialize variables
  int strength = 0;

  // Check password length
  if (password.Length < 8) {
    return "Easy to guess";
  } else {
    strength += 1;
  }

  // Check for mixed case
  if (password.Any(char.IsLower) && password.Any(char.IsUpper)) {
    strength += 1;
  }

  // Check for numbers
  if (password.Any(char.IsDigit)) {
    strength += 1;
  }

  // Check for special characters
  if (password.Any(ch => !char.IsLetterOrDigit(ch))) {
    strength += 1;
  }

  // Return strength level
  if (strength < 2) {
    return "Easy to guess";
  } else if (strength == 2) {
    return "Medium difficulty";
  } else if (strength == 3) {
    return "Difficult";
  } else {
    return "Extremely difficult";
  }
}

စကားဝှက်ခိုင်မာမှုအတွက် Java လုပ်ဆောင်ချက်

public String checkPasswordStrength(String password) {
  // Initialize variables
  int strength = 0;

  // Check password length
  if (password.length() < 8) {
    return "Easy to guess";
  } else {
    strength += 1;
  }

  // Check for mixed case
  if (password.matches(".*[a-z].*") && password.matches(".*[A-Z].*")) {
    strength += 1;
  }

  // Check for numbers
  if (password.matches(".*\\d.*")) {
    strength += 1;
  }

  // Check for special characters
  if (password.matches(".*[^a-zA-Z\\d].*")) {
    strength += 1;
  }

  // Return strength level
  if (strength < 2) {
    return "Easy to guess";
  } else if (strength == 2) {
    return "Medium difficulty";
  } else if (strength == 3) {
    return "Difficult";
  } else {
    return "Extremely difficult";
  }
}

အကယ်၍ သင်သည် ကောင်းမွန်သော စကားဝှက် ဂျင်နရေတာ တစ်ခုကို ရှာဖွေနေပါက၊ ၎င်းအတွက် ကောင်းမွန်သော အွန်လိုင်းတူးလ်လေးတစ်ခုကို ကျွန်ုပ် တည်ဆောက်ထားပါသည်။

Password ကိုမီးစက်