Javascript login systeem

Forumlid Henri van Werkhoven heeft een nieuw loginsysteem geschreven met behulp van Javascript. Een eerder loginsysteem was beperkt en makkelijk te kraken. Hierna volgt de code zoals deze geschreven is. Daarnaast zijn er door andere leden nog aanpassingen gedaan die een en ander natuurlijk weer beter maken. De discussie rond dit loginsysteem is te volgen via het html-site forum. Zoals Henri al aangeeft is het beter om voor een login systeem gebruik te maken van php, asp of htaccess. Maar er zijn altijd redenen waarom dit niet te gebruiken is. Javascript kan dan ook een optie zijn.

Javascript

function login(password){
  var rootdir = ""; // deze aanpassen als je beveiligde map in een subdirectory staat
  var testfile = "password.txt"; // deze aanpassen als je testfile anders heet.
  if(!password){
    alert('Vul iets in bij wachtwoord');
    return false;
  }
  var url = rootdir + password + "/" + testfile;
 if (document.getElementById) var request = (window.ActiveXObject) ? new ActiveXObject("Microsoft.XMLHTTP") : new XMLHttpRequest();
  // var request = new XMLHttpRequest();
  request.open("GET", url, false);
  request.send(null);
 if(request.status == 200){
    // het bestand bestaat > redirect > met timeout werkt het ook in FF
    setTimeout('location.href = "' + rootdir + password + '/"',5);
  }
  else{
    // eventueel zou deze foutmelding nog mooier kunnen
    alert("Het wachtwoord is onjuist");
  }
}

HTML code

Onderstaande code dien je op te nemen in een html document.

<form action="#" method="post" onsubmit="login(this.password.value); return false;">
  Wachtwoord: <input type="password" name="password" />
  <input type="submit" value="Inloggen" />
</form>

Opmerkingen en vragen

Mocht je nog opmerkingen of vragen hebben plaats ze dan hier of in het forum. We zullen dit artikel zoveel mogelijk up to date houden wanneer iemand verbeteringen heeft.