Come creare un Web Log-In Pagina

September 12

Come creare un Web Log-In Pagina


Il lavoro di una pagina di log-in Web inizia quando viene richiesto un utente Web di log-in nome e la password. Dopo l'utente inserisce queste informazioni, lo script della pagina può fare una validazione preliminare delle informazioni, come ad esempio garantendo l'utente ha inserito il numero corretto di caratteri. La pagina, quindi invia i dati di log-in per un server, che confronta i dati contro una coppia di login-password in un database del server. pagine Web Log-in offrono una funzione essenziale al quadro di sicurezza di un sito web, ma anche potenzialmente presentando un'immagine di affidabilità per coloro che visualizzano tali pagine.

istruzione

1 Aprire un nuovo documento in Blocco note o altri word processor e incollare il seguente testo, che definisce una pagina Web vuota.

<Html>

<Head>

<Title> XYZ Company pagina di login </ title>

</ Head>

<Body>

</ Body>

</ Html>

2 Digitare i codici HTML alla fine di questo passaggio tra il "<body>" e "</ body>" tag. Questi codici creano una forma di log-in, di cui con l'ausilio di una tabella HTML.

<Form action = "LoginChecker.php" onsubmit = "tornare checkLoginText (questo);" >

<Table>

<Tr>

<Td>

ID di accesso:

</ Td>

<Td>

<Input type = "text" name = "LoginID">

</ Td>

</ Tr>

<Tr>

<Td>

Parola d'ordine:

</ Td>

<Td>

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

<Input type = "submit" value = "Invia password" />

</ Td>

</ Tr>

</ Form>

</ Table>

3 Inserisci il tuo documento HTML questo programma JavaScript, che convalida il log-in dei dati. Il programma determina se il campo di log-in del form è vuota. Se lo è, restituisce il valore "false" al programma chiamante. Questo valore impedisce al modulo di inviare i dati di log-in per la pagina specificata nel attributo "action" del form. Se il campo di log-in non è vuoto, il programma restituisce "vero", che consente al modulo per inviare il log-in dei dati.

<Script type = "text / javascript">

Funzione checkLoginText (LoginForm) {

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

alert ( "LoginID non può essere vuoto.");

return false;

}

return true;

}

</ Script>

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

5 Fare doppio clic su (in Windows Explorer) il documento salvato per aprirlo in un browser. Digitare il testo non vuoto per il campo "ID di accesso" e qualsiasi testo per il campo password. Premere il pulsante "Invia password". La funzione JavaScript che hai scritto nella Fase 3 sarà convalidare il login testo ID. Il modulo sarà quindi chiamare lo script di convalida sul tuo sito web ( "http: //www.YourWebSite/LoginChecker.php"). Questo script potrebbe cercare la coppia login-password nel database del server e quindi consentire o negare l'accesso al visitatore della tua pagina, sulla base dei risultati di tale ricerca.


Articoli Correlati