Hoofdletter gevoelig uitschakelen gebruikersnaam
Hoe kan ik hoofdlettergevoeligheid uitschakelen bij mijn login systeem? Hieronder staat mijn code, en alvast bedankt voor de hulp.
index.php
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
<?php
session_start(); // START SESSION \\
// INCLUDE SOME FILES \\
include_once 'paneel/include/init.php';
include_once 'paneel/include/functions.php';
if (loggedIn() == true) {
header('Location: paneel/dashboard');
exit();
}
?>
<!DOCTYPE html>
<html>
<head>
<title>
Inloggen
</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="paneel/assets/js/index.js"></script>
<meta charset="UTF-8">
<title>Het inlog systeem</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css">
<link rel="stylesheet prefetch" href="http://fonts.googleapis.com/css?family=Roboto:400,100,300,500,700,900|RobotoDraft:400,100,300,500,700,900">
<link rel="stylesheet prefetch" href="http://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
<link rel="stylesheet" type="text/css" href="paneel/assets/css/index.css">
</head>
<body>
<div class="pen-title">
<h1>Novara Bank</h1><span>Het nieuwste community paneel</span>
</div>
<!-- Form Module-->
<div class="module form-module">
<div class="toggle"><i class="fa fa-times fa-pencil"></i>
<div class="tooltip">Click Me</div>
</div>
<div class="form">
<h2>Login op je account</h2>
<form action="./" method="POST">
<input type="text" name="username" id="name" placeholder="Gebruikersnaam" autofocus>
<input type="password" name="password" id="word" placeholder="Wachtwoord">
<input type="submit" id="login" value="Inloggen">
</form>
</div>
<div class="form">
<h2>Maak je account aan</h2>
<form action="./" method="POST">
<input type="text" name="regusername" id="regname" placeholder="Gebruikersnaam">
<input type="password" name="regword" id="regword" placeholder="Wachtwoord">
<input type="password" name="regwordher" id="regwordher" placeholder="Wachtwoord herhalen">
<input type="email" name="email" id="email" placeholder="Emailadres">
<input type="submit" id="register" value="Inloggen">
</form>
</div>
<div class="cta"><a href="./" onclick="showPassForget()">Wachtwoord vergeten?</a></div>
</div>
<script src="paneel/assets/js/index.js"></script>
<div onclick="closeWindow()" class="err" id="add_err"></div>
</body>
</html>
session_start(); // START SESSION \\
// INCLUDE SOME FILES \\
include_once 'paneel/include/init.php';
include_once 'paneel/include/functions.php';
if (loggedIn() == true) {
header('Location: paneel/dashboard');
exit();
}
?>
<!DOCTYPE html>
<html>
<head>
<title>
Inloggen
</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="paneel/assets/js/index.js"></script>
<meta charset="UTF-8">
<title>Het inlog systeem</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css">
<link rel="stylesheet prefetch" href="http://fonts.googleapis.com/css?family=Roboto:400,100,300,500,700,900|RobotoDraft:400,100,300,500,700,900">
<link rel="stylesheet prefetch" href="http://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
<link rel="stylesheet" type="text/css" href="paneel/assets/css/index.css">
</head>
<body>
<div class="pen-title">
<h1>Novara Bank</h1><span>Het nieuwste community paneel</span>
</div>
<!-- Form Module-->
<div class="module form-module">
<div class="toggle"><i class="fa fa-times fa-pencil"></i>
<div class="tooltip">Click Me</div>
</div>
<div class="form">
<h2>Login op je account</h2>
<form action="./" method="POST">
<input type="text" name="username" id="name" placeholder="Gebruikersnaam" autofocus>
<input type="password" name="password" id="word" placeholder="Wachtwoord">
<input type="submit" id="login" value="Inloggen">
</form>
</div>
<div class="form">
<h2>Maak je account aan</h2>
<form action="./" method="POST">
<input type="text" name="regusername" id="regname" placeholder="Gebruikersnaam">
<input type="password" name="regword" id="regword" placeholder="Wachtwoord">
<input type="password" name="regwordher" id="regwordher" placeholder="Wachtwoord herhalen">
<input type="email" name="email" id="email" placeholder="Emailadres">
<input type="submit" id="register" value="Inloggen">
</form>
</div>
<div class="cta"><a href="./" onclick="showPassForget()">Wachtwoord vergeten?</a></div>
</div>
<script src="paneel/assets/js/index.js"></script>
<div onclick="closeWindow()" class="err" id="add_err"></div>
</body>
</html>
index.js
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
// Toggle Function
$('.toggle').click(function(){
// Switches the Icon
$(this).children('i').toggleClass('fa-pencil');
// Switches the forms
$('.form').animate({
height: "toggle",
'padding-top': 'toggle',
'padding-bottom': 'toggle',
opacity: "toggle"
}, "slow");
});
$(document).ready(function(){
$("#add_err").css('display', 'none', 'important');
$("#login").click(function(){
username=$("#name").val();
password=$("#word").val();
$.ajax({
type: "POST",
url: "paneel/include/login.php",
data: "name="+username+"&word="+password,
success: function(html){
if(html=='true') {
$("#add_err").css('display', 'inline', 'important');
$("#add_err").html('U bent met succes ingelogd.');
var x = document.getElementById("add_err")
$("#add_err").addClass("show");
setTimeout(function(){ x.className = x.className.replace("show", "");}, 2000);
window.setTimeout(function() {
window.location.href = 'paneel/dashboard';
}, 2000);
}
else if(html=='required') {
$("#add_err").css('display', 'inline', 'important');
$("#add_err").html('Gelieve alle velden in te vullen.');
var x = document.getElementById("add_err")
$("#add_err").addClass("show");
setTimeout(function(){ x.className = x.className.replace("show", ""); }, 15000);
}
else {
$("#add_err").css('display', 'inline', 'important');
$("#add_err").html('Foutieve login gegevens.');
var x = document.getElementById("add_err")
$("#add_err").addClass("show");
setTimeout(function(){ x.className = x.className.replace("show", ""); }, 15000);
}
},
beforeSend:function()
{
$("#add_err").css('display', 'inline', 'important');
$("#add_err").html("Controleren...")
}
});
return false;
});
});
function closeWindow() {
$("#add_err").html("Sluiten...");
setTimeout(function() {
$("#add_err").removeClass("show");
}, 1000);
}
$('.toggle').click(function(){
// Switches the Icon
$(this).children('i').toggleClass('fa-pencil');
// Switches the forms
$('.form').animate({
height: "toggle",
'padding-top': 'toggle',
'padding-bottom': 'toggle',
opacity: "toggle"
}, "slow");
});
$(document).ready(function(){
$("#add_err").css('display', 'none', 'important');
$("#login").click(function(){
username=$("#name").val();
password=$("#word").val();
$.ajax({
type: "POST",
url: "paneel/include/login.php",
data: "name="+username+"&word="+password,
success: function(html){
if(html=='true') {
$("#add_err").css('display', 'inline', 'important');
$("#add_err").html('U bent met succes ingelogd.');
var x = document.getElementById("add_err")
$("#add_err").addClass("show");
setTimeout(function(){ x.className = x.className.replace("show", "");}, 2000);
window.setTimeout(function() {
window.location.href = 'paneel/dashboard';
}, 2000);
}
else if(html=='required') {
$("#add_err").css('display', 'inline', 'important');
$("#add_err").html('Gelieve alle velden in te vullen.');
var x = document.getElementById("add_err")
$("#add_err").addClass("show");
setTimeout(function(){ x.className = x.className.replace("show", ""); }, 15000);
}
else {
$("#add_err").css('display', 'inline', 'important');
$("#add_err").html('Foutieve login gegevens.');
var x = document.getElementById("add_err")
$("#add_err").addClass("show");
setTimeout(function(){ x.className = x.className.replace("show", ""); }, 15000);
}
},
beforeSend:function()
{
$("#add_err").css('display', 'inline', 'important');
$("#add_err").html("Controleren...")
}
});
return false;
});
});
function closeWindow() {
$("#add_err").html("Sluiten...");
setTimeout(function() {
$("#add_err").removeClass("show");
}, 1000);
}
login.php
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
<?php
session_start();
include_once 'init.php';
$username = $conn->real_escape_string($_POST['name']);
$password = $_POST['word'];
if(!empty($username and $password)) {
$result = $conn->query("SELECT * FROM `users` WHERE `username`='$username'");
if (FALSE === $result) {
echo 'error';
exit();
}
$row = $result->fetch_assoc();
if ($username == $row['username']) {
if (password_verify($password, $row['password'])) {
echo 'true';
$result = $conn->query("SELECT * FROM `users` WHERE `username`='$username'");
if (FALSE === $result) { } else {
$_SESSION['id'] = $row['id'];
}
} else {
echo 'false';
}
} else {
echo 'false';
}
} else {
echo 'required';
}
?>
session_start();
include_once 'init.php';
$username = $conn->real_escape_string($_POST['name']);
$password = $_POST['word'];
if(!empty($username and $password)) {
$result = $conn->query("SELECT * FROM `users` WHERE `username`='$username'");
if (FALSE === $result) {
echo 'error';
exit();
}
$row = $result->fetch_assoc();
if ($username == $row['username']) {
if (password_verify($password, $row['password'])) {
echo 'true';
$result = $conn->query("SELECT * FROM `users` WHERE `username`='$username'");
if (FALSE === $result) { } else {
$_SESSION['id'] = $row['id'];
}
} else {
echo 'false';
}
} else {
echo 'false';
}
} else {
echo 'required';
}
?>
Maar waarom laat je ze niet inloggen met een mailadres en een password? Makkelijker te onthouden, je hoeft mensen ook geen username te laten kiezen waarvan ze later misschien spijt hebben, je hebt altijd een unieke inlognaam.
Gewijzigd op 26/12/2016 10:31:45 door - Ariën -
Gewijzigd op 26/12/2016 10:50:09 door - Ariën -
Verder hoef je niet steeds het voorlaatste bericht hier te quoten. Anders wordt het topic snel lastig te lezen. Onderaan staat een groot invulveld die je kan gebruiken.
Alvast bedankt.
- Rob - op 26/12/2016 10:48:47:
Zo wou me vriend het
Alle respect dat de vriend weet wat hij wilt. Je kan echter ook proberen om hem de voordelen van andere systemen te overtuigen. Zoals al vermeld is email ook uniek(meestal) en heb je automatisch een contact mogelijkheid. Indien je het emailadres zelf laat wijzigen wat meestal wel mogelijk is kan ook bij wijzigen van provider verder op de site gewerkt worden door de 'leden'. Voor username ligt dit wat moeilijker.
Jan