Problem z prostym programem do autoryzacji w JS

matejoo86 · Post autor: **matejoo86** » 19 lis 2010, 01:29:34

Czesc wszystkim,
mam problem z wykonczeniem programu do autoryzacji opartego na Array.Program musi rozpoznac uzytkownika(login button -- potrzebny tylko username i password) , wyczyscic wszystkie pola tekstowe(clear button) a takze dodac nowego uzytkownika(login+password+firstname+lastname). Prosze o pomoc w poprawieniu kodu. Z góry wielkie dzieki!!

Oto moj kod JS:

var students;
var x;
var username;
var password;

students = new Array (3)
students[0][0] = new Array(4)

students[0][0] = "Mateusz"
students[0][1] = "Bobek"
students[0][2] = "matej"
students[0][3] = "puchatek"

students[1][0] = "Justyna"
students[1][1] = "Kowalska"
students[1][2] = "justynka"
students[1][3] = "orfeusz1"

students[2][0] = "Bob"
students[2][1] = "Smith"
students[2][2] = "bobby"
students[2][3] = "dellmaster"

function authentication (username,password)
{
for (x=0; x<students.lenght; x++)
{

if students[x][2]==username && students[x][3]==password
alert("Access Granted!!");
{iox = x
return 1

} //close if
}//close for
alert("Access Denied");
iox = -9
return 0;
}

function clear1()
{
//document.getElementById("username").value="";
//document.getElementById("password").value="";
//document.getElementById("firstname").value="";
//document.getElementById("lastname").value="";
username.value='';
password.value='';
firstname.value='';
lastname.value='';
}
function addstudent()
{
alert("add person to");
students.push(document.getElementById("student").value);
alert("name added is:" + document.getElementById("student").value);

function Display()
{
alert(students);
}

A oto moj kod HTML:
<html>
<head>
<title>Authentication Program</title>
<script type="text/javascript" src="project.js"></script>
<link rel="stylesheet" Type="text/css" href="project.css">
</head>
<body>
<center><h1>Javascript Authentication Program</h1></center>
<hr>
Username: <input type="text" name="username" document.getElementById("username").value/><br/>
Password: <input type="password" name="password"document.getElementById("password").value;/><br/>
First Name: <input type="text" name="firstname"document.getElementById("firstname").value;/><br/>
Last Name : <input type="text" name="lastname"document.getElementById("lastname").value;/><br/>

<input type="button" id="login" onClick="authentication()" value="Login" />
<input type="button" id="clearbutton" onClick="clear1()" value="Clear Fields" />
<input type="button" id="addition" onClick="addstudent()" value="Addstudent" />
<input type="button" id="login" onClick="Display()" value="Display Array" />
</body>
</html>

LaY · Post autor: **LaY** » 19 lis 2010, 14:52:34

Ta, rób to w js, nikt się nie włamie.

matejoo86 · Post autor: **matejoo86** » 20 lis 2010, 13:30:56

Ja tylko ucze sie JS i potrzebuje pomocy przy tym konkretnym programie. Nie est powiedziane ze go uzyje.

Lukaszszsz · Post autor: **Lukaszszsz** » 10 sty 2011, 22:02:43

Kod: Zaznacz cały

<!doctype html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" /> 
<script stype="text/javascript">

  // zdarzenia
  window.addEventListener('DOMContentLoaded',function(){
    var zaloguj = new Logowanie(); // element do logowania
    zaloguj.dodaj('czoko','loko'); // dodaj użytkownika "czoko"
    zaloguj.dodaj('oj tam','oj tam'); // dodaj użytkownika "oj tam"
    
    // klikam wyczyść wszystko
    document.getElementById('wyczysc').addEventListener('click',function(){
      document.getElementById('login').value = '';
      document.getElementById('haslo').value = '';
      alert('Czyszczę dane');
    },false);
    
    // klikam spróbuj się zalogować
    document.getElementById('zaloguj').addEventListener('click',function(){
      alert(
        zaloguj.zaloguj(document.getElementById('login').value, document.getElementById('haslo').value) // wywołaj metodę zaloguj obiektu Logowanie
        ? 'Zalogowano pomyślnie' // sukces
        : 'Nie udało się zalogować' // porażka
      );
    },false);

    // klikam dodaj użytkownika
    document.getElementById('dodaj').addEventListener('click',function(){
      var login = document.getElementById('login').value;
      zaloguj.dodaj(login, document.getElementById('haslo').value) // wywołaj metodę dodaj obiektu Logowanie
      alert("Dodano użytkownika " + login);
    },false);
  },false);

  var Logowanie = function(){ // obiekt odpowiadający za logowanie
    var userzy = [], // tablica z naszymi użytkownikami
        that = this; // instancja do obiektu Logowanie
    that.dodaj = function(login,haslo) {
      userzy.push({login:login,haslo:haslo}); // dodaj do tablicy obiekt z danymi
    };
    that.zaloguj = function(login,haslo) {
      for(var i = 0; i < userzy.length; i++) {
        if(userzy[i].login == login && userzy[i].haslo == haslo) {
          return true; // znaleźliśmy użytkownika
        }
      }
      return false; // nie znaleźliśmy użytkownika
    };
  };

</script>
</head>
<body>
<fieldset>
  <legend>Panel logowania</legend>
  <p>
    <label for="login">Login</label>
    <input id="login"/>
  </p>
  <p>
    <label for="haslo">Hasło</label>
    <input id="haslo"/>
  </p>
  <p>
    <button id="zaloguj">Spróbuj zalogować</button>
  </p>
  <p>
    <button id="dodaj">Dodaj nowego użytkownika</button>
  </p>
  <p>
    <button id="wyczysc">Wyczyść dane</button>
  </p>
</fieldset>
</body>
</html>

tutaj masz mniej więcej jak coś takiego uzyskać

Hosting CBA.pl

Forum

Problem z prostym programem do autoryzacji w JS

Problem z prostym programem do autoryzacji w JS

Re: Problem z prostym programem do autoryzacji w JS

Re: Problem z prostym programem do autoryzacji w JS

Re: Problem z prostym programem do autoryzacji w JS

Oferta

Ważne

Firma

Newsletter