Form di login

stefano862

Nuovo Utente
5 Dic 2013
26
0
0
Ciao a tutti, attualmente ho una pagina .php (la View) (che contiene principalmente codice html) che contiene un form per il login e un form per la registrazione.
Nell'action del form richiamo un file .php (il file pubblico) che crea una istanza di un controller specifico per gestire gli input dei due form.
Questo controller prende i dati inseriti dall'utente, li elabora, controlla che i dati siano corretti ed esegue una insert (caso registrazione) o una select (caso login). Se ci sono errori passa tali stringhe di errori alla vista che li stamperà a video.
Quello che vorrei fare ora è usare Ajax (mai usato prima, e per ora, leggendo un pò su Internet, non c'ho capito quasi nulla) per rendere questi form migliori, cioè vorrei che il controllo dei dati e il loro risultato (dati corretti o meno) fosse fatto da Ajax, in modo asincrono.
Non so come iniziare.. Mi aiutate?

Quello che ho ora è:

View/LoginRegistrazione.php
Codice:
<form action="../public/index.php" method="post" id="modLogin_form" onSubmit="checkLogin()">
	Username:
	<input type="text" name="login_username" id="lu"/>

	Password:
	<input type="password" name="login_password" id="lp"/>

	<input type="submit" value="Login" name="login-submit" onClick="checkLogin()"/>
</form>

<form action="../public/indexSignup.php" id="modSignup_form" method="post" onSubmit="checkSignup()">
	Username:
	<input type="text" name="reg_username" id="ru"/>
	
	Password:
	<input type="password" name="reg_password" id="rp" />
	
	E-mail:
	<input type="text" name="reg_email" id="re" />
	
	<input type="submit" value="Sign up" name="reg-submit" onClick="checkSignup()"/>
</form>

public/index.php
Codice:
<?php 
include_once '../Controller/LoginController.php';

$controller = new LoginController();
$view = $controller->invoke();
$view->render();

public/indexSignup.php
Codice:
<?php 
include_once '../Controller/SignupController.php';

$controller = new SignupController();
$view = $controller->invoke();
$view->render();

Controller/LoginController.php
Codice:
class LoginController {
   public $user;
   public $userRepository;
   public $view;   
   //Crea un array per gli errori
   public $errorsL;
   
   public function __construct() {  
      $this->userRepository = new UserRepository();
      $this->errorsL = array();
      $this->view = new View('LoginSignup');
      $db = Database::getInstance(); 
   } 
   
   public function checkData($username, $password) {
      preg_match("/[\|\(\)<>%\*+={}@#']|(=)+(!)|[-]{2}/", $username, $arrayU);
      preg_match("/[\|\(\)<>%\*+={}@#']|(=)+(!)|[-]{2}/", $password, $arrayP);
      if($arrayU) {
         $this->errorsL['login-incorrectUsername'] = "Incorrect username.";
         $this->view->setData('errorsL', $this->errorsL);
         return false;
      }
      else if($arrayP) {
         $this->errorsL['login-incorrectPassword'] = "Incorrect password.";
         $this->view->setData('errorsL', $this->errorsL);
         return false;
      }
      else if($username === "" || $password === "") {
         $this->errorsL['login-empty'] = "Some field are empty, please try again.";
         $this->view->setData('errorsL', $this->errorsL);
         return false;
      }
      else {
         $this->user = $this->userRepository->findByUsername($username);
         if($this->user != NULL) {
            if($this->user->getPassword() === $password) {
               return true;
            }
            else {
               $this->errorsL['login-incorrectPassword'] = "Incorrect password.";
               $this->view->setData('errorsL', $this->errorsL);
               return false;
            }
         }
         else { 
            $this->errorsL['login-unregisteredUser'] = "There is no user with this username.";
            $this->view->setData('errorsL', $this->errorsL);
            return false;
         }
      }
   }

   public function checkLogin() {
      if(isset($_POST['login-submit'])) {
         if(isset($_POST['login_username']) && isset($_POST['login_password'])) {
            $username = $_POST['login_username'];
            $password1 = $_POST['login_password'];
            $password = addslashes($password1);
            if($this->checkData($username, $password)) {
               $_SESSION['logged_in'] = 1;
               $_SESSION['username'] = $username;
               header("Location: ../public/home.php", true, 302);             
            }
         }
         else { 
            $this->errorsL['login-empty'] = "Some fields are empty.";
            $this->view->setData('errorsL', $this->errorsL); 
         }
      }
      else { 
         return;
      }
   } 
   
   public function invoke() {
      $this->checkLogin(); 
      return $this->view;
   }
   
}

Controller/SignupController.php
Codice:
class SignupController {
   
   public $user;
   public $userRepository;
   //Crea un array per gli errori e uno per i successi
   public $errorsR;
   public $successesR;
   public $view;   
   
   public function __construct() {  
      $this->userRepository = new UserRepository();
      $this->errorsR = array();
      $this->successesR = array();
      $this->view = new View('LoginSignup');
      $db = Database::getInstance();
   } 
   
   public function checkData($username, $password, $email) {
   		//code..
   }

   public function checkUsername($username) {
   		//code..
   }   
   
   public function checkPassword($password) {
   		//code.. 
   }

   public function checkEmail($email) {
   		//code..
   }   
   
   public function checkSignup() {
      
      if(isset($_POST['reg-submit'])) {
         
         if(isset($_POST['reg_username']) && isset($_POST['reg_password']) && isset($_POST['reg_email'])) {
            $username = $_POST['reg_username'];
            $password1 = $_POST['reg_password'];
            $email = $_POST['reg_email'];
            $password = addslashes($password1);
            
            if($this->checkData($username, $password, $email)) {
               $db = Database::getInstance();               
               
               $this->user = new User();
               $this->user->setUsername($username);
               $this->user->setEmail($email);
               $this->user->setPassword($password);
               $this->user->save();
               
               $this->successesR['reg-completed'] = "Registration completed successfully.";
               $this->view->setData('successesR', $this->successesR);
            }
         }
         else { 
            $this->errorsR['empty-field'] = "Some fields are incorrect.";
            $this->view->setData('errorsR', $this->errorsR); 
         }
      }
      else { 
         return;
      }      
   } 
   
   public function invoke() {
      $this->checkSignup();
      return $this->view; 
   }
}

Poi nel file .js ho sempre i vari controlli. Quindi controllo sia lato server che lato client.

Come aggiungo il codice per Ajax, non ho capito...
:(
 

stefano862

Nuovo Utente
5 Dic 2013
26
0
0
Anzi, forse è meglio la registrazione.
Ho provato a fare così ma non fa nulla.

Nel file .js:
Codice:
function setXMLHttpRequest() {
   var xhr = null;
   if(window.XMLHttpRequest) {
     xhr = new XMLHttpRequest();
   }
   else if(window.ActiveXObject) {
     xhr = new ActiveXObject("Microsoft.XMLHTTP");
   }
   return xhr;
}

var xhrObj = setXMLHttpRequest();

function checkUsr(usr) {
   var url = "../indexSignup.php?checkusr=" + usr;
   xhrObj.open("GET", url, true);
   xhrObj.onreadystatechange = updateUsr;
   xhrObj.send(null);
}

function updateUsr() {
   if(xhrObj.readyState === 4) {
      var risp = xhrObj.responseText;
      document.getElementById("reg_username").innerHTML = risp;
   }
}

View/LoginSignup.php
Codice:
<form action="../public/index.php" method="post" id="modLogin_form" onSubmit="checkLogin()">
	Username:
	<input type="text" name="login_username" id="lu"/>

	Password:
	<input type="password" name="login_password" id="lp"/>

	<input type="submit" value="Login" name="login-submit" onClick="checkLogin()"/>
</form>

<?php
  if(isset($ajax)) {
    if(count($ajax) > 0) {
       print_r($ajax);
    }
  } 
?> 
<form action="../public/indexSignup.php" id="modSignup_form" method="post" onSubmit="checkSignup()">
	Username:
	<input type="text" name="reg_username" id="ru" onChange="checkUsr(this.value);"/>
	
	Password:
	<input type="password" name="reg_password" id="rp" />
	
	E-mail:
	<input type="text" name="reg_email" id="re" />
	
	<input type="submit" value="Sign up" name="reg-submit" onClick="checkSignup()"/>
</form>

Controller/SignupController.php
Codice:
class SignupController {
   
   public $user;
   public $userRepository;
   //Crea un array per gli errori e uno per i successi
   public $errorsR;
   public $successesR;
   public $view; 
   public $ajax;
   
   public function __construct() {  
      $this->userRepository = new UserRepository();
      $this->errorsR = array();
      $this->successesR = array();
      $this->ajax = array();  
      $this->view = new View('LoginSignup');
      $db = Database::getInstance();
   } 
   
   public function checkData($username, $password, $email) {
   		//code..
   }

   public function checkUsername($username) {
   		//code..
   }   
   
   public function checkPassword($password) {
   		//code.. 
   }

   public function checkEmail($email) {
   		//code..
   }   
   
   public function checkSignup() {
      
      if(isset($_POST['reg-submit'])) {
         
         if(isset($_POST['reg_username']) && isset($_POST['reg_password']) && isset($_POST['reg_email'])) {
            $username = $_POST['reg_username'];
            $password1 = $_POST['reg_password'];
            $email = $_POST['reg_email'];
            $password = addslashes($password1);
            
            if($this->checkData($username, $password, $email)) {
               $db = Database::getInstance();               
               
               $this->user = new User();
               $this->user->setUsername($username);
               $this->user->setEmail($email);
               $this->user->setPassword($password);
               $this->user->save();
               
               $this->successesR['reg-completed'] = "Registration completed successfully.";
               $this->view->setData('successesR', $this->successesR);
            }
         }
         else { 
            $this->errorsR['empty-field'] = "Some fields are incorrect.";
            $this->view->setData('errorsR', $this->errorsR); 
         }
      }
      else { 
         return;
      }      
   } 
   
   public function checkAjax() {
      if(isset($_GET['checkusr'])){
          $usr = $_GET['checkusr'];
          $risp = $this->model->compareUsr($usr);
          $this->user = $this->userRepository->findByUsername($usr);
          if($this->user === NULL) {
            $this->ajax['err'] = "Username disponibile.";
            $this->view->setData('ajax', $this->ajax);              
          }
          else if($risp  > 0) {
            $this->ajax['succ'] = "Username non disponibile.";
            $this->view->setData('ajax', $this->ajax); 
          }
      }
   }

   public function invoke() {
      if(isset($_GET['checkusr'])) {
         $this->checkAjax();
      } 
      $this->checkSignup();
      return $this->view; 
   }
}
 

stefano862

Nuovo Utente
5 Dic 2013
26
0
0
Ho modificato queste due parti di codice. Ora la console di Chrome mi da questo errore:
GET http://localhost/.. ./index.php?checkusr=john 404 (Not Found) javascript.js:477
checkUsr javascript.js:477
onchange index.php:82

XHR finished loading: "http://localhost/.. ./index.php?checkusr=john". javascript.js:477
checkUsrjavascript.js:477
onchange


JAVASCRIPT
Codice:
function setXMLHttpRequest() {
   var xhr = null;
   //Browser standard con supporto nativo (per tutti i browser tranne Explorer)
   if(window.XMLHttpRequest) {
     xhr = new XMLHttpRequest();
   }
   //MSIE 6 con ActiveX (per Explorer)
   else if(window.ActiveXObject) {
     xhr = new ActiveXObject("Microsoft.XMLHTTP");
   }
   return xhr;
}


var xhrObj = setXMLHttpRequest();


function checkUsr(usr) {
   var url = "public/index.php?checkusr=" + usr;
   //var url = "../indexSignup.php?checkusr=" + usr;
   xhrObj.open("GET", url, true);
   xhrObj.onreadystatechange = updateUsr;
   xhrObj.send(null); RIGA 477
}


function updateUsr() {
   if(xhrObj.readyState === 4) {
      var risp = xhrObj.responseText;
      document.getElementById("reg_username").innerHTML = risp;
   }
}

PHP
Codice:
   public function checkAjax() {
      if(isset($_GET['checkusr'])){
          $usr = $_GET['checkusr'];
          //$risp = $this->model->compareUsr($usr);
          $this->user = $this->userRepository->findByUsername($usr);
          if($this->user === NULL) {
            $this->ajax['succ'] = "Username disponibile.";
            $this->view->setData('ajax', $this->ajax);              
          }
          else if($risp  > 0) {
            $this->ajax['err'] = "Username non disponibile.";
            $this->view->setData('ajax', $this->ajax); 
          }
      }
   }   
   
   public function invoke() {
      if(isset($_GET['checkusr'])) {
         $this->checkAjax();
         //session_destroy();
      }       
      $this->checkLogin(); //Esegue i controlli sui dati del form di login
      $this->checkSignup();
      return $this->view;
   }
 
Ultima modifica:
Discussioni simili
Autore Titolo Forum Risposte Data
F [php] sicurezza password form login PHP 2
Monital Form login in overlay jQuery 1
A problema form login sicuro PHP 0
S problema form login PHP 3
I Login Form jQuery 1
C Form login e registrazione aruba Hosting 7
L Funzione ricorda in un form di login PHP 15
B Ajax login form -- Ajax 0
I [PHP]Problema sito con form login in ogni pagina PHP 7
L form login sbagliato in ie7 HTML e CSS 5
M form per login con memorizzazione id utente da database PHP 5
S passare un valore da un form a un file .php con metodo post PHP 4
K Form che manda dati doppi PHP 1
K Problema form update PHP 2
Elisacau [Contact form 7] Inserire Numero auto incrementante WordPress 1
K form Inserimento record mysql PHP 2
I Form con selettore HTML e CSS 0
K [php]form invio dati PHP 0
G form invio multiplo con checkbox PHP 12
nivaria.achinet Intercettare form solo dopo invio Javascript 1
D Form contatti non funzionante HTML e CSS 0
A Stampare dati da form PHP 8
M Unire 2 funzioni per l'invio di un form e con l'apertura di un div Javascript 0
I Form HTML e CSS 17
otto9due $_FILE non passa i dati dal form PHP 1
M Form: come tornare ai campi già compilati dopo invio PHP 1
G Invio form con PHP PHP 3
felino Form action costum e parametri in queryString WordPress 1
M Come recuperare molteplici input form PHP 1
M Collegamento tra form html e script php PHP 4
L form immagini per il database PHP 0
A form PHP prenotazione tramite query PHP 2
A Form php prenotazione di un azienda sanitaria locale presso studio medico PHP 1
L inserimento form dati multipli ? PHP 0
L Problemi form Pagina php HTML e CSS 3
Cosina Creare bottone delete in form upload PHP 5
Cosina Creare bottone delete in form upload PHP 1
D Devo far funzionare un form di contatti PHP 4
B form gestione input PHP 2
V PHP form intersecate PHP 0
8 Javascript - PDF Form Javascript 0
J Form inserimento dati in database Ajax 1
E Gestione profilo utente tramite Form PHP 3
R [C#] Form principale si blocca mentre un altro Thread lavora .NET Framework 0
M Problema con controllo form in real time jQuery 6
D Form validazione Javascript 2
R form recovery pass PHP 0
V Symfony e i form PHP 3
M form con checkbox PHP 8
S come aggiustare un form di contatto? HTML e CSS 3

Discussioni simili