驗證用戶名和密碼

禁止alert事件

window.alert = function(){ return false; };

一、html

<input name="LoginName" value="" type="text" placeholder="請輸入用戶名">
<input name="PSD" value="" type="password" class="t-input " placeholder="請輸入密碼">
<button class="t-btn btnYes"  value="登錄">登錄</button>

 

  <div class="mixfirm"></div>  //定時彈框

二、css

/*彈框css*/
.mixfirm {
    width: 141px;
    height: 40px;
    background-color: #1084FB;
    opacity: 0.8;
    position: fixed;
    bottom: 50%;
    left: 50%;
    margin-left: -62px;
    margin-top: -20PX;
    text-align: center;
    display: none;
    padding: 0 10px;
    z-index: 30;
    border-radius: 30px;
}
.mixfirm h4 {
    margin-top: 13px;
    color: #fff;
}

三、定時彈框js

/*定時彈框*/
function mixfirm(obj) {
    var strs = '<h4>'+obj+'</h4>';
    $(".mixfirm").html(strs);
    $(".mixfirm").show();
}

附贈*
//確認彈出框html
<div class="firm" ></div>

//確認彈框css
.firm {
    width: 185px;
    height: 130px;
    background-color: #fff;
    position: fixed;
    bottom: 50%;
    left: 50%;
    margin-left: -100px;
    margin-top: -65PX;
    text-align: center;
    display: none;
    padding: 0 10px;
    z-index: 30;
    border: 1px solid #1084FB;
}
.firm h4 {
    font-size: 16px;
    color: #000;
    margin: 30px 0 20px 0;
}
.firbtn button{
    margin: 0 5px;
}

//確認彈出框js
function firm(obj) {
    var str = '<h4>'+obj+'</h4>' +
        '<div class="firbtn">' +
        '<button type="button" class="mui-btn mui-btn-primary" onclick="addsure()">肯定</button>' +
        '<button type="button" class="mui-btn mui-btn-primary addcancel">取消</button>' +
        '<div>'
    $(".firm").html(str);
    $(".firm").show();
    $(".addcancel").click(function() {
        $(".firm").hide();
    })
} 
function addsure() { //彈框確認按鈕執行事件，適狀況而定
    $(".firm").hide();
}  

 

四、判斷用戶名密碼的js

//數據庫通常存儲的密碼是md5格式，判斷密碼是否正確時，先將密碼轉爲md5格式，再判斷；（轉md5格式，先引用md5js，再寫hex_md5("2121212") 便可）

  $(function() {
　　　　　//根據localStorage中是否有值，判斷用戶是否登陸過 if(window.localStorage){  //用戶登陸過
            var name1 = localStorage.getItem("loginName"); //獲取存儲的用戶名 var pwd1 = localStorage.getItem("pwd");        //獲取存儲的密碼
            $("input[name=LoginName]").val(name1);         //用戶名賦值 
            $("input[name=PSD]").val(pwd1);                //密碼賦值
        }else{ 
            $("input[name=LoginName]").val("");
            $("input[name=PSD]").val("");
        }
    })
　　//點擊登陸按鈕
    $('.btnYes').click(function (event) {        if($("input[name=LoginName]").val()=="") {  //用戶名爲空時
            $(".mixfirm").show();
            mixfirm("用戶名不能爲空");
            setTimeout(function() {
                $(".mixfirm").hide();
            },1000);
            return false;
        }
        if($("input[name=PSD]").val()=="") {  //密碼爲空
            $(".mixfirm").show();
            mixfirm("密碼不能爲空");
            setTimeout(function() {
                $(".mixfirm").hide();
            },1000);
            return false;
        }
        var list1 = $("input[name=LoginName]").val();   //獲取當前輸入的用戶名，根據用戶名查SQL
        sql("select * from Sys_User_Users where LoginName='"+list1+"'",function(data) {
            if(data!=null) {  //若是用戶名存在 var ps1 = data.PSD;  //獲取數據庫密碼 var ps2 = hex_md5($("input[name=PSD]").val());   //獲取輸入的密碼，並轉成md5格式 if(ps1 == ps2) {  //若是輸入的密碼正確，執行loginAfter方法
                    //用ttyu平臺獲取全部用戶的信息的方法，能夠在此寫SQL直接查數據庫
　　　　　　　　　　　　$("#form1").send({ table: "Sys_User_Users", action: "login", backAfter: "loginAfter" });
                }else {  //密碼錯誤，彈框提示
                    $(".mixfirm").show();
                    mixfirm("密碼錯誤");
                    setTimeout(function() {
                        $(".mixfirm").hide();
                    },1000);
                    return false;
                }
            }else{  //用戶名不存在
                $(".mixfirm").show();
                mixfirm("該用戶不存在");
                setTimeout(function() {
                    $(".mixfirm").hide();
                },1000);
                return false;
            }
        })
    });
    //登陸回調函數
    function loginAfter(result) {  //result -- 全部用戶信息 try {
            ttyu.user.saveUser(result);  //當前用戶信息 var names = $("input[name=LoginName]").val();  //獲取輸入的用戶名 var pwds = $("input[name=PSD]").val();         //獲取輸入的密碼
            localStorage.setItem("loginName",names);       //本地存儲
            localStorage.setItem("pwd",pwds); 
            location = "index.html";                       //跳轉到首頁面
        } catch (e) { 
            firm(result);
        }
    }