Rumah > Artikel > hujung hadapan web > Contoh lengkap penjanaan kata laluan JS dan pengesanan kekuatan (dengan muat turun kod sumber demo)

Contoh lengkap penjanaan kata laluan JS dan pengesanan kekuatan (dengan muat turun kod sumber demo)

WBOYasal: 2018-09-27 10:33:331722semak imbas

Contoh dalam artikel ini menerangkan kaedah penjanaan kata laluan JS dan pengesanan kekuatan. Kongsi dengan semua orang untuk rujukan anda, butirannya adalah seperti berikut:

1 Jana kata laluan yang kukuh

Tangkapan skrin adalah seperti berikut:

Kod yang berkaitan adalah seperti berikut:

function getPwd(n)
{
 var s = &#39;&#39;;
 while(n--)
 s += String.fromCharCode(33 + Math.floor(Math.random()*(126-33)))
 document.getElementById(&#39;txt1&#39;).value = s;
}

2. Kira masa retak kata laluan

Tangkapan skrin adalah seperti berikut:

Kod yang berkaitan adalah seperti berikut:

function getTime()
{
 var str = &#39;预计破解用时：&#39;;
 var selChar = document.getElementById(&#39;selChar&#39;);
 var txtPwdLen = document.getElementById(&#39;txtPwdLen&#39;);
 var num = Math.pow(parseInt(selChar.value), parseInt(txtPwdLen.value));
 str += formatTime(num / (1024*1024*1024*2.4*2));
 document.getElementById(&#39;span2&#39;).innerHTML = str;
}
function formatTime(s)
{
 var str = &#39;&#39;;
 if(s= 1) str = s % 60 + &#39;秒&#39; + str;
 s = Math.floor(s / 60);
 if(s >= 1) str = s % 60 + &#39;分&#39; + str;
 s = Math.floor(s / 60);
 if(s >= 1) str = s % 24 + &#39;时&#39; + str;
 s = Math.floor(s / 24);
 if(s >= 1) str = s + &#39;天&#39; + str;
 return str;
}

3 pengesanan

Tangkapan skrin adalah seperti berikut:

Kod yang berkaitan adalah seperti berikut:

function showPwd()
{
  var p = document.getElementById(&#39;txt2&#39;).value;
  if(p.length < 4)
  {
    showError(&#39;密码至少4位！&#39;);
    return;
  }
  var o = checkPwd(p);
  if(o.isSame)
  {
    showError(&#39;密码为重复字符！&#39;);
    return;
  }
  for(var i=0; i1900 && year0 && month0 && day<32)
      {
        showError(&#39;不要使用日期作为密码！&#39;);
        return;
      }
    }
  }
  var hasUpper = false;
  var hasLow = false;
  var hasNum = false;
  var hasOther = false;
  for(var i=0; i=65&&c=97&&c=48&&c<=57)hasNum=true;
    else hasOther=true;
  }
  var pwdNum = 0;
  if(hasUpper)pwdNum+=26;
  if(hasLow)pwdNum+=26;
  if(hasNum)pwdNum+=10;
  if(hasOther)pwdNum+=32;
  var num = Math.pow(pwdNum, p.length);
  var str = &#39;密码长度:&#39; + p.length + &#39; 强度:&#39; + pwdNum + &#39; 预计破解用时:&#39; + formatTime(num / (1024*1024*1024*2.4*2));
  var span1 = document.getElementById(&#39;span1&#39;);
  span1.style.color = &#39;blue&#39;;
  span1.innerHTML = str;
}

4. Kesan sama ada papan kekunci dikunci huruf besar (status kunci Caps Lock)

Tangkapan skrin adalah seperti berikut:

Kod yang berkaitan adalah seperti berikut:

var $lock = false;
function checkCapsLock(fn)
{
 document.documentElement.onkeypress = function(e)
 {
  var e = e || event;
  var k = e.keyCode || e.which;
  var s = e.shiftKey || (k == 16) || false;
  if(k>=65&&k=97&&k<=122)$lock=s;
  fn($lock);
 }
 document.documentElement.onkeyup = function(e)
 {
  var e = e || event;
  var k = e.keyCode || e.which;
  if(k==20)$lock = !$lock;
  fn($lock);
 }
}

Kenyataan：

Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Artikel sebelumnya：js meniru operasi menggelongsor kenalan ke kiri dan meluncur keluar butang padam dalam kemahiran QQ_javascriptArtikel seterusnya：js meniru operasi menggelongsor kenalan ke kiri dan meluncur keluar butang padam dalam kemahiran QQ_javascript

Artikel berkaitan

Lihat lagi