1. 程式人生 > 其它 >JavaScript實現登入註冊驗證

JavaScript實現登入註冊驗證

學習需要堅持,墮落了一星期,學也不是,玩也不對,今天終於跑到圖書館來學習。

言歸正傳,今天要做的就是登入註冊頁面的驗證和與資料庫連線的操作。這裡用的是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;
}

好難寫下去,收尾吧。