通過javascript進(jìn)行登錄驗(yàn)證

《通過javascript進(jìn)行登錄驗(yàn)證》由會員上傳分享，免費(fèi)在線閱讀，更多相關(guān)內(nèi)容在應(yīng)用文檔-天天文庫。

1、通過JavaScript進(jìn)行登錄驗(yàn)證在大部分頁面的首頁中，都會存在用戶登錄的輸入框。當(dāng)用戶輸入了個人信息后（一般為用戶名和密碼），頁面的程序通過檢索和驗(yàn)證，如果結(jié)果為真，則跳轉(zhuǎn)到子頁面，如果驗(yàn)證后結(jié)果為假，則提示重新輸入信息。而這種驗(yàn)證的過程必須借助數(shù)據(jù)庫以及網(wǎng)站開發(fā)的語言的支持。首先請看下面的流程圖，對這個驗(yàn)證的過程有一個初步的了解。???用戶在登錄頁面填寫用戶名和密碼信息后，當(dāng)點(diǎn)擊提交按鈕后，這些信息就會通過Http協(xié)議傳送到網(wǎng)站后臺的驗(yàn)證程序中，驗(yàn)證程序接收這些信息，并做一些必要的處理后，運(yùn)行一個SQL查詢語言（驗(yàn)證程序事先已經(jīng)和數(shù)據(jù)庫建立了連接），調(diào)用后臺的

2、數(shù)據(jù)庫，如果這個用戶名和密碼在數(shù)據(jù)庫中有記錄，則數(shù)據(jù)庫返回的結(jié)果為true，此時驗(yàn)證程序判斷查詢的結(jié)果，如果為true，則進(jìn)行頁面跳轉(zhuǎn)，這時客戶端的頁面就會跳轉(zhuǎn)到一個真正的業(yè)務(wù)界面中；如果查詢返回的結(jié)果為false，則驗(yàn)證程序不進(jìn)行跳轉(zhuǎn)，并給客戶端的頁面輸出一個警告信息。????以上的全過程可以通過很多高級編程語言實(shí)現(xiàn)，比如PHP、Java等。但是需要后臺數(shù)據(jù)庫的支持，而且網(wǎng)站的服務(wù)器也需要配置數(shù)據(jù)庫插件。這一方面服務(wù)器架構(gòu)過于繁雜，更關(guān)鍵的是，對于一些小型網(wǎng)站來說，為了節(jié)省成本和提高訪問速度，沒有必要進(jìn)行如此復(fù)雜的服務(wù)器配置。所以就引出了接下來的關(guān)于通過JavaS

3、cript腳本語言來進(jìn)行登錄信息的驗(yàn)證操作。????????眾所周知，JavaScript是一種腳本語言，即運(yùn)行在客戶端的程序語言。當(dāng)用戶打開瀏覽器，輸入某個網(wǎng)站地址后，不僅僅下載的是網(wǎng)站的html文件，同時也會下載與這個html文檔配套的*.js文件。這樣當(dāng)用戶在點(diǎn)擊頁面的某些選項(xiàng)時頁面才會做出正確的反應(yīng)。????登錄信息需要提交，在html頁面中實(shí)現(xiàn)此功能借助的是表單標(biāo)簽。下面來看一段代碼。?????Html頁面???

4、e(this)">????????????Username:
???????????Password:
???????????????????JavaScript代碼?????var?account=[["admin","aaa"],["master","mmm"],

5、["leader","lll"]];functionvalidate(f){?????var?flag=false;?????var?username=f.username.value;?????var?password=f.password.value;????for(varx=0;x

6、lert("Error!");?????}????returnflag;}????在html代碼中，表單form標(biāo)簽的一個屬性為onSubmit，這個屬性表示當(dāng)點(diǎn)擊提交按鈕后所之行的操作，看到該屬性的值是一個返回值，即returnvalidate（this）。這表示在提交后，其實(shí)還要執(zhí)行一個validate（）函數(shù)，如果這個函數(shù)的返回值為true，則頁面跳轉(zhuǎn)到accountManagement.jsp頁面，如果函數(shù)返回值為false，則不予跳轉(zhuǎn)，并彈出一個警告窗口，顯示error的字樣。在JavaScript代碼中，看到了一個二維數(shù)組，這就是通過JavaScript

7、的方式來模擬一個數(shù)據(jù)庫表，記錄的是這個網(wǎng)站的所有用戶名和與之對應(yīng)的密碼。這個validate（）函數(shù)就是首先接收了表單中的username和password數(shù)據(jù)后，然后在這個二維數(shù)組中進(jìn)行比對，如果有相同的記錄，則返回true，否則為false。另外，如果要想讓這種方式正常運(yùn)轉(zhuǎn)，則還需要在html頁面中加入一段代碼，表示調(diào)用這個*.js文檔，這樣html頁面才能找到validate（）函數(shù)。其中adminlogin.js就是這個validate（）