登入頁功能

2021-09-13 01:37:02 字數 2917 閱讀 3269

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...