Hogyan lehet HTML beléptető rendszert készíteni?
<form action="domain.hu/kezdolap">
Neved:
<input type="text">
<br><br>
<input type="submit" value="Tovább">
</form>
Nem nagy durranas. Szoval van egy sima html +css irva...kicsit jobban nezzen ki...+js-ben irtd hat nem is tudom minek nevezzem....de nem belepteto rendszer nah jo a lenyeg az, hogy ha jelszo + felhasznalo nem egyezik akkor nem enged be es 3 probalkozas utan tiltsa az inputokat ;) de ha F5-nyomsz akkor ujbol be tudod irni :D...szoval copy - >paste mentes - index.html-neven.
<html>
<head>
<title>Index | Login</title>
<meta charset="utf-8"/>
<style type="text/css">
*{padding:0;margin:0;border:0;}
body{background:#f1f1f1;color;#00b4ff;font-family:verdana}
#login{margin:250px auto;text-align:center;}
input{width:300px;border:1px solid #dedede;display:block;margin:10px auto;padding:10px 0;borer-radius:3px;text-align:center;}
#button{border:1px solid #dedede;color:#fff;background:#00a7ec;}
#message_error{background:red;width:300px;text-align:center;margin:5px auto;display:hidden;color:#fff;}
</style>
<script type="text/JavaScript">
var attempt =3; /* itt be tudod allitani hany probalkozas utan tiltsa le a user-t */
function enter(){
var x = document.getElementById('username').value;
var y = document.getElementById('password').value;
if(x=="root" && y=="db"){ /*itt lehet megadni a user / pass adatokat az ""-jeleket ne torold ki!/
window.location = 'mappadneve/indexneve.html';/*!ha nincs mappaban akkor csak siman igy:window.location = 'valami.html'; */
return false;
}
else{
attempt--;
document.getElementById('message_error').innerHTML="You have left "+attempt+" attempt;";
document.getElementById('message_error').style.padding = "10px 0";
if(attempt==0){
document.getElementById('username').disabled = true;
document.getElementById('password').disabled = true;
document.getElementById('button').disabled = true;
return false;
}
}
}
</script>
</head>
<body>
<div id="login">
<form method="post">
<input type="text" id="username" placeholder="Username">
<input type="password" id="password" placeholder="Password">
<input type="button" id="button" value="Log In" onClick="enter()">
<div id="message_error"></div>
</form>
</div>
</body>
</html>
Az a gond ezzel, mint amikor bezárják az ajtót, de a kulcsot otthagyják a lábtörlő alatt.
Ha valaki beakar jutni és keresi gyorsan megtalálja...
Biztonságosan kliens oldalon ellenőrizni a hozzáférést nagyon nehéz!
Pl. úgy lehet, ha pl. aminek a hozzáféréséhez kell a jelszó, azt a jelszóval vissza fejthető módon titkosítod (SHA-256).
Ekkor ugyan is a jelszó nélkül, nem tudja vissza fejteni a forrást, és nem kapja meg a tartalmat.
De ennél sokkal egyszerűbb ha kis szerver oldali ellenőrzést használunk.
Nem igen fogja elriaztani az embereket.
Akkor már legyen teljesen fals, és egy random karakter soru HTML fájl legyen aminek metája no index...
Azt még nehezebben fogják megtalálni, és tuti hogy nem a belépésen keresztül, a JS -ből kiolvasható információkkal.
Nem tudom hova lett, így újra elküldöm bezippelve:
Ez sokkal hatékonyabb módja:
és csak egy kis PHP kell hozzá!
Kapcsolódó kérdések:
Minden jog fenntartva © 2024, www.gyakorikerdesek.hu
GYIK | Szabályzat | Jogi nyilatkozat | Adatvédelem | Cookie beállítások | WebMinute Kft. | Facebook | Kapcsolat: info(kukac)gyakorikerdesek.hu
Ha kifogással szeretne élni valamely tartalommal kapcsolatban, kérjük jelezze e-mailes elérhetőségünkön!