JS 4 비트 랜 덤 인증 코드 구현

1951 단어 js인증번호
본 논문 의 사례 는 JS 가 4 비트 랜 덤 인증 코드 를 실현 하 는 구체 적 인 코드 를 공유 하여 여러분 께 참고 하 시기 바 랍 니 다.구체 적 인 내용 은 다음 과 같 습 니 다.
대소 문자 와 숫자 를 가리 지 않 고 4 자리 무 작위 수 를 무 작위 로 작성 합 니 다.
CSS 스타일

p{
 width: 60px;
 height: 20px;
 display: inline-block;
 letter-spacing: 3px;
 border: 1px solid red;
}
#div{
 height: 20px;
 margin-bottom: 10px;
}
#btn,p:hover{
 cursor: default;
}
button{
 display: block;
}
주체 부분

<div id="box">
   
 <input type="text" id="int" />
 <p id="p"></p>
 <div id="div"></div>
 <button id="btn">  </button>
</div>
JS 부분

//   
function random(max,min){
 return Math.round(Math.random()*(max-min)+min);
}
//  4    
function code(){
 //   、           
 var str="1234567890qwertyuioplkjhgfdsazxcvbnmQWERTYUIOPLKJHGFDSAZXCVBNM";
 //       
 var res='';
 //  4 ,  4   
 for(var i=0;i<4;i++){
 //          ,      ,0   ,62          
 res+=str[random(0,62)];
 }
 p.innerHTML=res;
}
code(); //       
p.onclick=code; //          
//     
btn.onclick=function(){
 var int=document.getElementById("int").value;//        
 var p=document.getElementById("p").innerText;//     
 //               (     )
 if(int.toUpperCase()==p.toUpperCase()){
 div.innerHTML="     ";
 }else{
 div.innerHTML="     ";
 }
}
실현 결과

총결산
Math.round():반올림
Math.random():난수
toUpperCase():문자열 을 대문자 로 변환 합 니 다.
이상 이 바로 본 고의 모든 내용 입 니 다.여러분 의 학습 에 도움 이 되 고 저 희 를 많이 응원 해 주 셨 으 면 좋 겠 습 니 다.

좋은 웹페이지 즐겨찾기