i am trying to develop a humain ressource management application with php, html 5 and jQuery the access to this application must be with a login and password, below the source code of two scripts i have developed to ensure access with login and password to the application (login and password are stored in a table in a database that i work with it) but now i want three users accesses to the application each with its own login and password how can i do??
this the source code of the script index.html
<!doctype html>
<html><head>
<meta charset="utf-8">
<title>BLOCKS - Bootstrap Dashboard Theme</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="Carlos Alvarez - Alvarez.is">
<!-- Le styles -->
<link href="assets/css/bootstrap.css" rel="stylesheet">
<link href="assets/css/login.css" rel="stylesheet">
<style type="text/css">
body {
padding-top: 30px;
}
</style>
<!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<!-- Le fav and touch icons -->
<!-- Google Fonts call. Font Used Open Sans & Raleway -->
<!-- Jquery Validate Script -->
<script type="text/javascript" src="assets/js/jquery.validate.js"></script>
<!-- Jquery Validate Script - Validation Fields -->
</head>
<body>
<!-- NAVIGATION MENU -->
<div class="container">
<div class="row">
<div class="col-lg-offset-4 col-lg-4" style="margin-top:100px">
<div class="block-unit" style="text-align:center; padding:8px 8px 8px 8px;">
<img src="assets/img/face80x80.jpg" alt="" class="img-circle">
<br>
<br>
<form class="cmxform" id="signupForm" method="get" action="verification.php">
<fieldset>
<p>
<input dir="rtl" id="login" name="login" type="text" placeholder="login ">
<input dir="rtl" id="motdepasse" name="motdepasse" type="password" placeholder="password">
</p>
<input class="submit btn-success btn btn-large" type="submit" value="submit">
</fieldset>
</form>
</div>
</div>
</div>
</div>
<!-- Le javascript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script type="text/javascript" src="assets/js/bootstrap.js"></script>
</body></html>
and this the source code of the script verification.php
<?php
if(!isset($_GET['login']) && !isset($_GET['motdepasse']))
{
header('Location: verification.html');
}
else
{
require('config.php'); // On reclame le fichier
$tbl_name="membre";
$login = $_GET['login'];
$motdepasse = $_GET['motdepasse'];
$sql="SELECT * FROM $tbl_name WHERE username='$login' and password='$motdepasse'" ;
$result=mysql_query($sql);
// Mysql_num_row is counting table row
$count=mysql_num_rows($result);
if(($count==1) )
{
$_SESSION['login'] = $_POST['login'];
header('Location: acceuil.html');
}
else {
echo "<script>alert(\"معلومات اسمك أو كلمة مرورك اللذان ادخلتهما غير صحيحين. رجاءً اضغط زر العودة للخلف, و أدخل البيانات الصحيحة ثم حاول مرة أخرى. إذا كنت نسيت كلمة المرور؟ إتصل بالمسؤول \")</script>";
echo '<a href="login.html" temp_href="login.html">try again</a>';
}
}
?>