betway必威-betway必威官方网站
做最好的网站

js正则表达式,用正则表达式写

JS利用正则表明式实现轻易的密码强弱决断实例,js正则表明式

落到实处际效果益:

1、输入字符要在6-16之间;小于6个字符或高出14个字符时给予提醒,并且强弱不出示;为0时,也予以提醒;

2、当密码在6-拾伍个字符之间时,假若密码全都以数字或全都以字母,显示弱;密码是数字与字母的整合,则显得强;若为字母数字加下划线,则为强;

功用图如下:

图片 1

图片 2

图片 3

图片 4

图片 5

图片 6

 代码如下:

<!DOCTYPE html>
<html>
 <head>
 <meta charset="utf-8">
 <title></title>
 <style>
  .mm-body{
  position: relative;
  height: 100px;
  width: 450px;
  background-color: wheat;
  }
  .mm-top{
  height:35px;
  width: 450px;
  background-color: wheat;
  }
  .mm-sr{
  height:30px;
  width: 100px; 
  float: left;
  text-align: center; 
  line-height: 30px;
  }
  #mm-pwd{
  float: left;
  height:25px;
  background-color: ghostwhite;
  border-radius: 5px; 
  width: 150px;
  }
 .mm-btm{
  height: 40px;
  width: 140px;
  position: relative;
  margin-left: 110px;
  }
 #lv1,#lv2,#lv3{
  height: 30px;
  width: 40px;
  border-top: 4px solid gainsboro; 
  margin-left: 3px;
  float: left;
  font-size: 18px;
  text-align: center;
  line-height: 25px;
  }
 </style>
 </head>

 <body>
 <div class="mm-body">
  <div class="mm-top">
  请输入密码:
  <form method="get" action="data.html" >
  <input type="password" id="mm-pwd" onkeyup="show()"/>
  </form>

  </div>
  <div class="mm-btm">
  <div id="lv1">弱</div>
  <div id="lv2">中</div>
  <div id="lv3">强</div>

 <!--强度判断也可用表格做
  <table border="0px" cellpadding="0px" cellspacing="1px" >
  <tr height="20px" >
   <td width="40px" id="lv1" style="border-top: 3px solid darkgrey;">弱</td>
   <td width="40px" id="lv2" style="border-top: 3px solid darkgrey;">中</td>
   <td width="40px" id="lv3" style="border-top: 3px solid darkgrey;">强</td>
  </tr>
  </table>-->


  </div>
 </div>
 </body>
</html>
<script language="JavaScript">
function show(){
 var a=document.getElementById("mm-pwd").value;

 if(a.length==0){
 document.getElementById("mm-pd").innerHTML="密码不能为空!"; 
 }
 else if(a.length<6){
 document.getElementById("mm-pd").innerHTML="密码长度小于6个字符!"; 
 }

 else if(a.length>=6&&a.length<=16){
  document.getElementById("mm-pd").innerHTML="";
 var reg=/^[0-9]{6,16}$|^[a-zA-Z]{6,16}$/; //全是数字或全是字母 6-16个字符
 var reg1=/^[A-Za-z0-9]{6,16}$/; //数字、26个英文字母 6-16个字符
 var reg2=/^w{6,16}$/;  // 由数字、26个英文字母或者下划线组成的字符串 6-16个字符
  if(a.match(reg)){
   document.getElementById("lv1").style.borderTopColor="red"; 

   }
  else if(a.match(reg1)){
  document.getElementById("lv1").style.borderTopColor="red"; 
   document.getElementById("lv2").style.borderTopColor="yellow"; 
  }
  else if(a.match(reg2)){
  document.getElementById("lv1").style.borderTopColor="red";
   document.getElementById("lv2").style.borderTopColor="yellow";
   document.getElementById("lv3").style.borderTopColor="green"; 
  }
  }

 else if(a.length>16){
 document.getElementById("mm-pd").innerHTML="密码长度大于16个字符!";
 document.getElementById("lv1").style.borderTopColor="gainsboro";
 document.getElementById("lv2").style.borderTopColor="gainsboro";
 document.getElementById("lv3").style.borderTopColor="gainsboro";
 }

 }

</script>

总结

以上正是那篇小说的全体内容了,希望本文的剧情对大家的读书大概办事能拉动一定的救助,借使有的时候常我们可以留言沟通,多谢大家对帮客之家的辅助。

达成效果与利益: 1、输入字符要在6-16里头;小于6个字符或高于14个字符时给予提...

兑现效果与利益:

贯彻效果与利益:

1、输入字符要在6-16里头;小于6个字符或高出15个字符时给予提示,何况强弱不出示;为0时,也予以提醒;

1、输入字符要在6-16中间;小于6个字符或超出十六个字符时给予提示,况兼强弱不出示;为0时,也予以提示;

2、当密码在6-拾八个字符之间时,要是密码全部是数字或全部都以字母,突显弱;密码是数字与字母的三结合,则显示强;若为字母数字加下划线,则为强;

2、当密码在6-14个字符之间时,要是密码全都以数字或全部是字母,展现弱;密码是数字与字母的重组,则显得强;若为字母数字加下划线,则为强;

功能图如下:

功用图如下:

图片 7

图片 8

图片 9

图片 10

本文由betway必威发布于网页设计,转载请注明出处:js正则表达式,用正则表达式写

Ctrl+D 将本页面保存为书签,全面了解最新资讯,方便快捷。