Nwlapcug.com


Come creare una pagina Web Log-In

Come creare una pagina Web Log-In


Il lavoro di una pagina Web login inizia quando viene richiesto un utente Web log-in nome e la password. Dopo aver immesso queste informazioni, script della pagina può eseguire una convalida preliminare delle informazioni, quale ad esempio garantire l'utente ha immesso il numero corretto di caratteri. La pagina Invia quindi i dati di log-in per un server, che confronta i dati un paio di password di accesso in un database server. Log-in pagine Web forniscono una funzione essenziale al framework di sicurezza di un sito Web, pur presentando anche potenzialmente un'immagine di affidabilità a quelli visualizzare tali pagine.

Istruzioni

1

Aprire un nuovo documento in blocco note o un altro elaboratore e incollare il testo seguente, che definisce una pagina Web vuota.

< html >

< head >

< title > XYZ società Login pagina < / title >

< / head >

< corpo >

< / body >

< / html >

2

Digitare i codici HTML alla fine di questo passaggio tra il "< body >" e "< / body >" tag. Questi codici di creano un form di login, rifinito con l'aiuto di una tabella HTML.

< formano action="LoginChecker.php" onsubmit = "return checkLoginText(this);" >

< table >

< tr >

< td >

Id di accesso:

< /td >

< td >

< input type = "text" name = "loginid" >

< /td >

< /tr >

< tr >

< td >

Password:

< /td >

< td >

< input type = "password" name = "pword" >

< input type = "submit" value = "Invia Password" / >

< /td >

< /tr >

< / form >

< / tabella >

3

Digitare nel documento HTML questo programma JavaScript, che convalida i dati di log-in. Il programma determina se log-in campo del modulo è vuoto. In questo caso, restituisce il valore "false" al programma chiamante. Questo valore impedisce il form di invio dei dati di log-in alla pagina specificata nell'attributo "action" del modulo. Se il campo log-in non è vuoto, il programma restituisce "true", che consente il modulo per inviare i dati di log-in.

< script type = "text/javascript" >

Function checkLoginText(loginForm) () {

Se (loginForm.loginid.value = = "") {

Alert ("Loginid non può essere vuoto.");

restituire false;

}

Restituisce true;

}

< / script >

4

Salvare il documento con un nome di file che terminano con ". htm" e il tipo di file "Testo normale".

5

Fare doppio clic (Windows Explorer) il documento salvato per aprirlo in un browser. Digitare qualsiasi testo non vuota per il campo "ID di accesso" e il testo per il campo della password. Premere il pulsante "Invia Password". La funzione JavaScript che hai scritto nel passaggio 3 convaliderà il tuo login ID testo. Il form sarà quindi chiamare lo script di convalida sul tuo sito Web ("la http://www.YourWebSite/LoginChecker.php"). Questo script sarebbe cercare la coppia di password di accesso a database del server e quindi consentire o negare l'accesso ai visitatori della tua pagina, sulla base dei risultati della ricerca.