نمایش قدرت و میزان ضریب امنیت رمز عبور
با سلام خدمت دوستان عزیز ، با استفاده از این کد شما میتوانید ، در حین وارد کردن پسورد، به کاربر میزان قدرت مند بودن پسورد را نشان دهید.
۱ ۲ ۳ ۴ ۵ ۶ ۷ ۸ ۹ ۱۰ ۱۱ ۱۲ ۱۳ ۱۴ ۱۵ ۱۶ ۱۷ ۱۸ | $('#pass').keyup(function(e) { var strongRegex = new RegExp("^(?=.{۸,})(?=.*[A-Z])(?=.*[a-z])(?=.*[0-9])(?=.*\\W).*$", "g"); var mediumRegex = new RegExp("^(?=.{۷,})(((?=.*[A-Z])(?=.*[a-z]))|((?=.*[A-Z])(?=.*[0-9]))|((?=.*[a-z])(?=.*[0-9]))).*$", "g"); var enoughRegex = new RegExp("(?=.{۶,}).*", "g"); if (false == enoughRegex.test($(this).val())) { $('#passstrength').html('More Characters'); } else if (strongRegex.test($(this).val())) { $('#passstrength').className = 'ok'; $('#passstrength').html('Strong!'); } else if (mediumRegex.test($(this).val())) { $('#passstrength').className = 'alert'; $('#passstrength').html('Medium!'); } else { $('#passstrength').className = 'error'; $('#passstrength').html('Weak!'); } return true; }); |
نحوه استفاده :
۱ ۲ | <input type="password" name="pass" id="pass" /> <span id="passstrength"></span> |
سلام
خیلی خوبه این کد .
🙂
سلام سایت خیلی خوبی دارید
فقط لطفا برای هر مطلب یه دمو بزارید
ممنون
شما لطف دارید ، بزودی دمو برای هر مطلب را هم آماده می کنیم.