JavaScript 정규 표현 식 인증 로그 인 실례

3193 단어 js인증 로그 인
본 논문 의 사례 는 js 정규 표현 식 인증 로그 인 의 구체 적 인 코드 를 공유 하여 여러분 께 참고 하 시기 바 랍 니 다.구체 적 인 내용 은 다음 과 같 습 니 다.
코드 세 션:

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>qq      </title>
</head>
<body>
<form name="form1" action="#" method="post">
  <input type="text" placeholder="  " name="username" ><br><br>
  <input type="password" placeholder="  " name="password" id="pw">
 <input type="button" name="" id="btn" value="    " />
 <br><br>
  <input name="Submit" type="button" onClick="check()" value="  "/>
</form>
</body>
<!--      -->
<script type="text/javascript">
function check(){
/*  */
if(form1.username.value==""){
alert("      ");
form1.username.focus();
return false;
}
 
/*    、    0 /^[0-9]*$/*/
var number=/^(0|[1-9][0-9]*)$/; 
var objExp1=new RegExp(number); 
if(objExp1.test(form1.username.value)==false){
alert("             0");
form1.username.focus();
return false;
}
 
/*    6  */
if(form1.username.value.length < 6){
alert("      ,   6-11   ");
form1.username.focus();
return false;
}
 
/*    11  */
if(form1.username.value.length > 11){
alert("      ,   6-11   ");
form1.username.focus();
return false;
}
 
/*    */
if(form1.password.value==""){
alert("      ");
form1.password.focus();
return false;
}
 
/*       、  、     */
var illegal=/^[0-9a-zA-Z!~@#$%^&*()_+`\-={}:";'<>?,.\/]*$/g; 
var objExp2=new RegExp(illegal);
if(objExp2.test(form1.password.value)==false){
alert("        ");
form1.password.focus();
return false;
}
 
/*    6  */
if(form1.password.value.length < 6){
alert("      ,   6-16   ");
form1.password.focus();
return false;
}
 
/*    16  */
if(form1.password.value.length > 16){
alert("      ,   6-16   ");
form1.password.focus();
return false;
}
 
form1.submit();
}
</script>
 
<!--    -->
<script type="text/javascript">
  window.οnlοad=function(){
  var btn=document.getElementById("btn");
  var password=document.getElementById("pw")
  btn.οnmοusedοwn=function(){
    password.type="text"
   };
  btn.οnmοuseup=btn.οnmοuseοut=function(){
    password.type="password"
   }
 }
 </script>
</html>
결과 표시:

이상 이 바로 본 고의 모든 내용 입 니 다.여러분 의 학습 에 도움 이 되 고 저 희 를 많이 응원 해 주 셨 으 면 좋 겠 습 니 다.

좋은 웹페이지 즐겨찾기