JavaScript實現登入註冊驗證
阿新 • • 發佈:2022-05-03
學習需要堅持,墮落了一星期,學也不是,玩也不對,今天終於跑到圖書館來學習。
言歸正傳,今天要做的就是登入註冊頁面的驗證和與資料庫連線的操作。這裡用的是JQ和layer外掛,在前面的文章應該有提到過,不懂的可以去百度檢視教程或者翻看我之前的文章。
上圖是一個簡單的登入註冊介面(當然程式碼可以看出來),當你點選登入按鈕的時候,就會進行使用者密碼的判斷:
$('login').click(function(){ } );
上面是你點選登入後,下方js程式碼就可以寫在{}區域裡邊,在這裡,你要驗證使用者和密碼是否正確得先判斷他是否有輸入,在判斷他是否輸入前,我們要獲得使用者輸入的資料。
var username=$("input[name='username']").val(); //獲得使用者輸入資料
var password=$("input[name='password']").val();
if(username == ''){ layer.msg('請填寫使用者名稱');return false;}
//呼叫layer彈出提示框
if(password == ''){ layer.msg('請輸入密碼');return false;}
當你在js中實現基本驗證後,你需要跟資料庫中的資料連線檢視是否正確輸入使用者,你需要進行資料庫的驗證。
首先,你得進行資料庫的連線,一般需要將資料庫連線打包成一個檔案,後期直接呼叫會更方面些,這裡用php的PDO擴充套件(DB.class.php)進行資料的連線:
session_start(); require('library/Db.class.php'); //引入資料庫操作類 $username = $_POST['username']; $password = $_POST['password']; //檢測使用者和密碼是否正確 $sql ="select * from mr_user where username = :username and password = :password"; $db = new Db();//例項化Db類 $user = $db->row($sql,array( 'username' =>$username,'password' =>md5($password)));//返回一個數組 if($user){ $_SESSION['user'] = $user; echo 1; } else{ echo -1; }
好難寫下去,收尾吧。