2013-10-04 17 views
5

Sto cercando di creare un sito Web che consenta un modulo di registrazione e un modulo di accesso. Ho tutte le impostazioni HTML e CSS, ma ho bisogno di PHP per gestire il modulo. Ho bisogno che sia anche convalidato.Come posso creare un file register/login.php per il mio sito web?

Di seguito si riporta il codice modulo per il modulo di accesso:

<form action="login.php" autocomplete="on"> 
    <h1>Log in</h1> 
    <p> 
      <label for="username" class="uname" data-icon="u" >Username:</label> 
      <input id="username" name="username" required="required" type="text" placeholder="Username"/> 
    </p> 
    <p> 
      <label for="password" class="youpasswd" data-icon="p">Password:</label> 
      <input id="password" name="password" required="required" type="password" placeholder="Password" /> 
    </p> 
    <p class="keeplogin"> 
      <input type="checkbox" name="loginkeeping" id="loginkeeping" value="loginkeeping" /> 
      <label for="loginkeeping">Keep me logged in</label> 
    </p> 
    <p class="login button"> 
      <input type="submit" value="Login" /> 
    </p> 
</form> 

E la forma regsister:

<form action="register.php" autocomplete="on"> 
    <h1> Sign up </h1> 
    <p> 
     <label for="firstnamesignup" class="fname" data-icon="u">First Name:</label> 
     <input id="firstnamesignup" name="firstnamesignup" required="required" type="text" placeholder="First" /> 
    </p> 
    <p> 
     <label for="lastnamesignup" class="lname" data-icon="u">Last Name:</label> 
     <input id="lastnamesignup" name="lastnamesignup" required="required" type="text" placeholder="Last" /> 
    </p> 
    <p> 
     <label for="usernamesignup" class="uname" data-icon="u">Username:</label> 
     <input id="usernamesignup" name="usernamesignup" required="required" type="text" placeholder="Username" /> 
    </p> 
    <p> 
     <label for="passwordsignup" class="youpasswd" data-icon="p">Password:</label> 
     <input id="passwordsignup" name="passwordsignup" required="required" type="password" placeholder="Password"/> 
    </p> 
    <p> 
     <label for="passwordsignup_confirm" class="password" data-icon="p">Confirm Password:</label> 
     <input id="passwordsignup_confirm" name="passwordsignup_confirm" required="required" type="password" placeholder="Password"/> 
    </p> 
    <p> 
     <label for="emailsignup" class="youmail" data-icon="e" >Email:</label> 
     <input id="emailsignup" name="emailsignup" required="required" type="email" placeholder="[email protected]"/> 
    </p> 
    <p> 
     <label>Date of Birth:</label> 
     <select name="month" onChange="changeDate(this.options[selectedIndex].value);"> 
     <option value="na">Month</option> 
     <option value="1">January</option> 
     <option value="2">February</option> 
     <option value="3">March</option> 
     <option value="4">April</option> 
     <option value="5">May</option> 
     <option value="6">June</option> 
     <option value="7">July</option> 
     <option value="8">August</option> 
     <option value="9">September</option> 
     <option value="10">October</option> 
     <option value="11">November</option> 
     <option value="12">December</option> 
     </select> 
     <select name="day" id="day"> 
     <option value="na">Day</option> 
     </select> 
     <select name="year" id="year"> 
     <option value="na">Year</option> 
     </select> 
     <script language="JavaScript" type="text/javascript"> 
     function changeDate(i){ 
     var e = document.getElementById('day'); 
     while(e.length>0) 
     e.remove(e.length-1); 
     var j=-1; 
     if(i=="na") 
     k=0; 
     else if(i==2) 
     k=28; 
     else if(i==4||i==6||i==9||i==11) 
     k=30; 
     else 
     k=31; 
     while(j++<k){ 
     var s=document.createElement('option'); 
     var e=document.getElementById('day'); 
     if(j==0){ 
     s.text="Day"; 
     s.value="na"; 
     try{ 
     e.add(s,null);} 
     catch(ex){ 
     e.add(s);}} 
     else{ 
     s.text=j; 
     s.value=j; 
     try{ 
     e.add(s,null);} 
     catch(ex){ 
     e.add(s);}}}} 
     y = 1998; 
     while (y-->1908){ 
     var s = document.createElement('option'); 
     var e = document.getElementById('year'); 
     s.text=y; 
     s.value=y; 
     try{ 
     e.add(s,null);} 
     catch(ex){ 
     e.add(s);}} 
     </script> 
    </p> 
    <p> 
     <label>Gender:</label> 
     <select name="Gender"> 
     <option value="male">Male</option> 
     <option value="female">Female</option> 
     </select> 
    </p> 
    <p class="signin button"> 
    <input type="submit" value="Register"/> 
    </p> 
</form> 

L'unica cosa che ho bisogno di aiuto con è la creazione/modifica del login.php e registrare file .php. Grazie per qualsiasi aiuto!

risposta

14

Quello che hai è fondamentalmente il 'front-end' (lato client) che è l'HTML, CSS e JS. Ora hai bisogno del "back-end" (lato server) che è il tuo Database, SQL e PHP.

Perché è necessario un database?

È necessario un database per memorizzare le credenziali dell'utente al momento della registrazione. Inoltre, è necessario il DB per confrontare le credenziali immesse con quelle presenti nel DB ogni volta che qualcuno tenta di accedere.

Che cos'è PHP?

PHP è un linguaggio di scripting generico open source. Pensalo come il tuo codice lato server. I tuoi utenti non hanno accesso al tuo codice PHP (a differenza del tuo HTML, CSS e JS che è accessibile/accessibile a tutti da vedere).

Non ho intenzione di fornire codice di esempio in quanto ci sono infiniti tutorial per questo. Guarda alcuni di seguito. Molte delle istruzioni qui sotto hanno istruzioni dettagliate su come creare/configurare il tuo Database, tabelle ecc. Quindi spetta a te seguire passo dopo passo e completare il tuo progetto.

  1. http://www.phpeasystep.com/phptu/6.html
  2. http://php.about.com/od/finishedphp1/ss/php_login_code.htm
  3. http://www.wikihow.com/Create-a-Basic-Login-Script-in-PHP
  4. http://www.homeandlearn.co.uk/php/php14p2.html
  5. http://phpsnips.com/4/Simple-User-Login#.Uk41QYZmi-0
  6. http://www.html-form-guide.com/php-form/php-login-form.html

Spero che questo ti aiuta. Buona fortuna per il tuo progetto :)

+0

Grazie mille !! –

2

Devi aggiungere method = "post" ai tag del modulo. Quindi puoi accedere ai campi di testo con la variabile $ _POST ['']. (Nelle virgolette inserire l'identificatore per il campo di testo a cui si desidera accedere)

Come è stato detto, si dovrebbe leggere alcuni tutorial o acquistare un libro. Ho trovato il libro di O'Reilly sull'argomento molto utile e pratico.

+0

Verificherò quel libro ... grazie per la risposta! –

1

Il modulo può essere inviato utilizzando il metodo $ _POST. I dati inviati vengono controllati, per esempio per la registrazione, dobbiamo verificare che il nome utente o l'e-mail esistano già nel database. Tutte queste convalide devono essere eseguite in PHP, vale a dire la convalida sul lato server. Puoi anche utilizzare la convalida lato client con javascript/jquery. È necessario utilizzare entrambi utilizzando la convalida js/jquery e le convalide vengono eseguite più rapidamente mentre vengono eseguite dal browser. Ma javascript può essere disabilitato dal browser, quindi è necessario utilizzare anche convalide lato server php.Si prega di controllare gli esempi di seguito da cui si otterrà un'idea migliore.

http://forum.codecall.net/topic/44787-creating-loginregistration-forms-with-php/

http://tutorialzine.com/2009/10/cool-login-system-php-jquery/

1

aggiungere prima method = "post" per i tag form. Questo rende la forma in grado di inviare i dati compilati inviati a login.php e register.php.

Tutto quello che devi fare ora è scrivere il codice in register.php e login.php per gestire i dati.

Se hai bisogno di php, devi prima fare alcune esercitazioni di base su PHP. Vorrei iniziare da codecademy se fossi in te. Dopo aver terminato quel breve corso, basta guardare su un tutorial su YOUTUBE.

su youtube c'è un canale chiamato "phpacademy". Hanno ottenuto alcuni tutorial php molto chiari su come creare un registro e un sistema di login per la tua pagina. Imparerai molte cose dal guardarlo e sarai in grado di scrivere un sistema come il tuo!

Buona fortuna!

Problemi correlati