html**:
模信網
模信網精品模具 不容錯過
賬戶登入
歡迎來到模信網
賬號為手機號
賬號或者密碼錯誤
驗證碼錯誤
登入立即註冊
忘記密碼?
css**:
*
.headers
.headers span
.headerleft
.headerright
.sp1
.sp2
.sp3
/*內容部分*/
.content
.section1
.section1 .p1
.section1 .p2
.section2
.phone
.error
.code
.section2 .p1
.section2 .p1 img
.welcome
.welcome span
#username
#password
#code_input
#login
.section2 a
.footer
.footer>p
input[type=number]
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button
input
input:-webkit-autofill
button
js**:
window.onload = function() $/.test(this.value))) )
} else )}};
login.onclick = function() )
$.ajax(),
success: function(result) )
} else if (result.id) );
console.log(111)
sessionstorage.buyer = json.stringify(result);
window.location.href = "person.html";}},
})} else );}}
document.onkeydown = function (e) )
$.ajax(),
success: function(result) )
} else if (result.id) );
console.log(111)
sessionstorage.buyer = json.stringify(result);
window.location.href = "person.html";}},
})} else );}}
}}
下面是頁面中用到的驗證碼外掛程式
!(function(window, document)
if(object.prototype.tostring.call(options) == "[object object]")
}else
this.options.numarr = "0,1,2,3,4,5,6,7,8,9".split(",");//數字
this.options.letterarr = getallletter();//生成字母陣列
this._init();//初始化
this.refresh();//生成驗證碼
}**erify.prototype =
},/**生成驗證碼**/
refresh: function() else
ctx.textbaseline = "middle";
ctx.fillstyle = randomcolor(180, 240);
ctx.fillrect(0, 0, this.options.width, this.options.height);//繪製矩形
/* x:矩形起點橫座標(座標原點為canvas的左上角,當然確切的來說是原始原點,後面寫到變形的時候你就懂了,現在暫時不用關係)
y:矩形起點縱座標
width:矩形長度
height:矩形高度*/
if(this.options.type == "blend") else if(this.options.type == "number") else
for(var i = 1; i <= 4; i++)
/**繪製干擾線**/
for(var i = 0; i < 4; i++)
/**繪製干擾點**/
for(var i = 0; i < this.options.width/4; i++)
},/**驗證驗證碼**/
validate: function(code)else}}
/**生成字母陣列**/
function getallletter()
/**生成乙個隨機數**/
function randomnum(min, max)
/**生成乙個隨機色**/
function randomcolor(min, max)
window.**erify = **erify;//設定為window物件
})(window, document);
效果圖:
京東登入頁
1 doctype html 2 html 3 head lang en 4 meta charset utf 8 5 title 京東登入頁 title 6 style 7header div 15.content 18.wrap 22.login box 26h2 36h2 a 46.login...
自動登入功能
下面記錄並分享一下自動登入功能的實現 一 自動登入 1 登入功能是用session實現的,就是向session物件中儲存當前使用者的物件 2 自動功能用cookie實現,就是登陸時將使用者的資訊儲存為持久化cookie 3 下次訪問時,讀取請求中如果有使用者資訊的cookie就可以自動登陸 二 防止...
vue登入功能
引入需要的模組 eg const mysql require mysql const express require express const cors require cors 解決跨域問題 建立連線池 提高效率 var pool mysql.createpool 建立express物件 var...