国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

JS使用模塊化實現用戶名密碼檢測,密碼強弱驗證,驗證碼生成

kelvinlee / 626人閱讀

摘要:頁面用戶名密碼密碼強度驗證碼登錄代碼塊彈出消息框簡單的驗證碼驗證碼背景顏色驗證碼顏色長度二元運算符強中弱去空格防止注入用戶名密碼不能為空用戶名密碼為為位但不限于數字,字母,下劃線刷新頁面兩個參數為提示密碼強弱提示性文字,接受

html 頁面
用戶名:

密碼:  
密碼強度:
驗證碼:
JS代碼塊
var module = (function() {
  var testSpan,msg,Slength,userpwd,userpwd,yzm;
    function print(msg) {
        alert(msg);
    } ;//彈出消息框
  //簡單的驗證碼
   function createyzm(testSpan,Slength){ 
    var str = "0123456789qwertyuioplkjhgfdsazxcvbnmQWERTYUIOPLKJHGFDSAZXCVBNM";
    var list = str.split("");
    for (i = 0; i < Slength; i++)
     {
        var index = Math.floor(Math.random() * list.length);
         testSpan.style.backgroundColor="#000";//驗證碼背景顏色
         testSpan.style.color="#fff";//驗證碼顏色
         testSpan.style.display="block";
          testSpan.style.textAlign ="center";
         testSpan.style.width="70px";//長度
        testSpan.innerHTML += list[index];
      }
  return  testSpan.innerHTML;
};

function checkUserpwd(userpwd,errSpan) {

        var numCount = (/[0-9]/g).test(userpwd) ? 1 : 0;
        var lowCount = (/[a-z]/g).test(userpwd) ? 1 : 0;
        var uppCount = (/[A-Z]/g).test(userpwd) ? 1 : 0;//二元運算符
        switch (numCount + lowCount + uppCount) {
            case 3:
                errSpan.innerHTML = "強";
                break;
            case 2:
                errSpan.innerHTML = "中";
                break;
            default:
                errSpan.innerHTML = "弱";
                break;
        
        return true;
    }
};
   
function check(username,userpwd){      
    var uremeber = /^[a-zA-Z0-9_-]{4,16}$/;
    var username=username.replace(" ","");
    var userpwd=userpwd.replace(" ","");//去空格防止sql注入
    if(username==""||userpwd=="")
    {
    print("用戶名密碼不能為空");
    return false;
    }
    if(!uremeber.test(username)||!uremeber.test(userpwd)){
        print("用戶名密碼為為4-16位但不限于(數字,字母,下劃線)");
        history.go(0);//刷新頁面
        return false;
    }else  {
        //...
        return true;
    }
               
};

return {
   checkUserpwd: checkUserpwd,//兩個參數userpwd,errSpan errspan為提示密碼強弱提示性文字,接受類型是js dom對象 注:jq對象用test方法,
   // userpwd 為用戶密碼,
   check: check,//用戶名,密碼,驗證碼
    createyzm: createyzm,//testSpan,Slength 兩個參數testSpan是驗證碼span標簽dom類型對象,Slength是驗證碼長度
    print: print//alert彈窗  
};

})();

var yzm=module.createyzm(document.getElementById("testSpan"),4);

document.getElementById("userpwd").onblur = function(){
   module.checkUserpwd(this.value,document.getElementById("mm"));
}
document.getElementById("login").onclick=function(){    
var a= module.check(document.getElementById("username").value,document.getElementById("userpwd").value);
if(a==true ){
    if(document.getElementById("yzm").value==yzm){
        alert("登錄成功!");
    }else{
        alert("驗證碼錯誤,請重新輸入!");
          history.go(0);//刷新頁面

        }
    }
}

文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。

轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/105126.html

相關文章

  • JS使用塊化實現戶名檢測,強弱驗證,驗證生成

    摘要:頁面用戶名密碼密碼強度驗證碼登錄代碼塊彈出消息框簡單的驗證碼驗證碼背景顏色驗證碼顏色長度二元運算符強中弱去空格防止注入用戶名密碼不能為空用戶名密碼為為位但不限于數字,字母,下劃線刷新頁面兩個參數為提示密碼強弱提示性文字,接受 html 頁面 用戶名: 密碼: 密碼強度: 驗證碼: JS代碼塊 var module = (function() { var testSpan...

    RobinTang 評論0 收藏0
  • 聊聊畢業設計系列 --- 系統實現

    摘要:七牛云接入本系統的圖片,音視頻是放在七牛云,所以需要接入七牛云。在服務端通過接口請求來獲取七牛云上傳,客戶端獲取到七牛云,通過不同方案將帶上。 效果展示 showImg(https://user-gold-cdn.xitu.io/2018/8/26/16576a709bd02f5f?w=1409&h=521&f=gif&s=30128195); showImg(https://user...

    null1145 評論0 收藏0
  • 聊聊畢業設計系列 --- 系統實現

    摘要:七牛云接入本系統的圖片,音視頻是放在七牛云,所以需要接入七牛云。在服務端通過接口請求來獲取七牛云上傳,客戶端獲取到七牛云,通過不同方案將帶上。 效果展示 showImg(https://user-gold-cdn.xitu.io/2018/8/26/16576a709bd02f5f?w=1409&h=521&f=gif&s=30128195); showImg(https://user...

    qpal 評論0 收藏0

發表評論

0條評論

最新活動
閱讀需要支付1元查看
<