et simpelt login

Det kan ikke gøres specielt sikkert med JavaScript. Der skal et sercerside sprog til som ASP, PHP eller ASP.NET.

Hvilke muligheder har du?

det behøver ikke være sikkert. det er bare noget jeg skal bruge til en fremvisning. det skal bare virke med koden :)

og så skal den afvise login med et forkert password

<input type=password id=kodeord>
<input type=button value=login onclick="login()">
<script>
  function login() {
    if (document.getElementById("kodeord").value == "abe") {
      alert("koden er rigtig");
    }
    else {
      alert("koden er forkert");
    }
  }
</script>

plazm - hvis kodeordet er rigtigt, skal man komme ind på min hovedside. gør man det her ?

<script type="text/javascript">
function validate()
{
    $uid = document.getElementById("uid").value;
    $pwd = document.getElementById("pwd").value;

    if ($uid != "brugernavn" || $pwd != "password")
    {
        alert("Det indtastede brugernavn eller\npassword var forkert.");
        return false;
    }
    else
        return true;
}
</script>

<form method="videre.asp" action="next.htm">
<input type="text" name="uid" id="uid"><br>
<input type="password" name="pwd" id="pwd"><br>
<input type="submit" onClick="validate();">
</form>

Urlet i action="next.htm" skal rettes til den side du gerne vil over til hvis alt er riktigt.

super - tak skal i have. jeg prøver lige om det virker :)

Hvis du vil gøre det lidt mere sikkert, så man ikke kan se kodeordet via vis-kilde.

<script type="text/javascript">
function checklogin(f){
    password = f.password.value;
    img = new Image();
    img.onerror = function(evt){ document.getElementById('stat').innerHTML = "Forkert password"; }
    img.onload = function(evt){ location.href = password + '.htm'; }

    img.src = password + '.gif';
    img = null;

    return false;
}
</script>
<form onsubmit="return checklogin(this)">
Password: <input name="password" type="password"/><br/>
<input type="submit" value="Login">
</form>
<span id="stat"></span>

---
passwordet er også navnet på den side du vil have vist
det kræver der ligger et billede i samme mappe med navnet 'password.gif'

Nielle - når jeg skriver korekt brugernavn og password - så går den ikke videre til "next.htm" - er det fordi jeg skal oprette en asp side også ?

Nej, det skulle virke sådan. Og det gør det nu også her hos mig.

okay - det virker også her. Men hvis jeg skriver forkert password - så kommer den op med boksen - forkert password, og så hopper den alligevil videre til next.htm.

?

Øjeblik, kigger lige på det igen.

Der var sneget sig en lille fejl ind. Sådan:

<script type="text/javascript">
function validate()
{
    $uid = document.getElementById("uid").value;
    $pwd = document.getElementById("pwd").value;

   

    if ($uid != "brugernavn" || $pwd != "password")
    {
        alert("Det indtastede brugernavn eller\npassword var forkert.");
        return false;
    }
    else
        return true;
}
</script>

<form method="videre.asp" action="next.htm">
<input type="text" name="uid" id="uid"><br>
<input type="password" name="pwd" id="pwd"><br>
<input type="submit" onClick="return validate();">
</form>

Der manglede et "return" i:

<input type="submit" onClick="return validate();">

super - og jeg har en loginknap jeg selv har designet. den vil jeg gerne bruge istedet for den standart "send forespørgsel". kan jeg det ?

Den er et billede?

jep. bare et jpg

i øvrigt virker det nu :) super

Der er et par forskellige måder dette kan gøres på. F.eks. denne:

<script type="text/javascript">
function validate()
{
    $uid = document.getElementById("uid").value;
    $pwd = document.getElementById("pwd").value;

    if ($uid != "brugernavn" || $pwd != "password")
        alert("Det indtastede brugernavn eller\npassword var forkert.");
    else
        document.forms[0].submit();
}
</script>

<form method="videre.asp" action="next.htm">
<input type="text" name="uid" id="uid"><br>
<input type="password" name="pwd" id="pwd"><br>
<img src="http://www.eksperten.dk/img/elogo.png" onClick="validate();">
</form>

okay - men hvis jeg så bare gerne vil have ændret teksten derpå til " Login "

I stedet for "Send Forespørgsel"

Men det hele virker ellers kanon - du har reddet min dag :)

Kan jeg give dig 1000 points ??? :)

Så sætter du en value på din submit-knap:

<input type="submit" value="Send Forespørgsel" onClick="return validate();">

Du skal slippe med 60 ;^)

Tusind TAAAAAk :)

<input type="image" src="login.gif"> vil virke på samme måde som en submit-knap ...