>> SPEAKER: Diamo ora uno sguardo a una pagina web che consente all'utente di
iscriversi a qualcosa, ma che in realtà include alcune client-side
convalida dei suoi ingressi.
>> Si noti qui, in forma-1.html, ho che la stessa forma di prima, ma ho
aggiunto un attributo ID al mio tag di modulo, il cui valore viene registro, così
che ho un ID via che posso identificare in modo univoco che la forma nella mia DOM.
Ora notate sotto del mio tag form è uno script tag, in modo che deliberatamente,
il mio codice JavaScript viene eseguito solo una volta che il tag form e dei relativi nodi DOM
sono stati caricati.
>> All'interno del bando tag script è il prima linea qui dove dichiaro una
variabile denominata modulo e assegnare così il valore di ritorno di
document.getElementById di preventivo Registrazione unquote.
E 'questa riga di codice che avrà un aspetto attraverso la mia DOM, cercando il
elemento o nodo con un unico identificativo della registrazione, archiviazione
il valore di ritorno in ultima analisi, in questa variabile.
>> Poi mi registro che forma un evento gestore per l'invio del modulo,
con form.onsubmit e assegnare che un funzione anonima, il cui corpo
procede a fare quanto segue.
Se il campo del form, il cui nome è mail, ha un valore dall'utente uguale
per citare unquote niente, quindi siamo andando per avvisare l'utente che lui o lei
deve fornire il proprio indirizzo email, e torniamo false in modo che la forma
sé non è presentata per registrare dot php.
>> Altrimenti, se il modulo ha un campo il cui nome è la password e il cui valore è
tra virgolette, quindi cerchiamo di urlo Allo utente che lui o lei
deve fornire una password.
E ancora, di ritorno false in modo che il modulo non viene sottoposto a
Registrazione dot php.
>> Nel frattempo, se il valore che l'utente ha digitato al campo di modulo denominato
password non corrisponde al valore che l'utente ha fornito per il modulo
campo denominato conferma, quindi cerchiamo di urlare all'utente le password non fanno
partita, e poi tornare false in modo che il modulo non viene sottoposto a
Registrazione dot php.
>> Infine, se non è il caso che l' Ingresso accordo del modulo è selezionata,
allora cerchiamo di urlare a spiegare l'utente che lui o lei deve accettare i termini
e la condizione, e di nuovo ritorno falso in modo che la forma non è sottoposta ad
Registrazione dot php.
>> Else if, nessuno di questi errori hanno stato fatto, diciamo anzi ritorno vero
e lasciare il modulo da presentare per registrare dot php.
>> Diamo un'occhiata a questi possibili errori di guida di apertura
la pagina in un browser.
http://localhost/form-1.HTML.
Ecco allora che forma.
Facciamo forniscono nulla.
>> È necessario fornire il tuo indirizzo email.
Va bene, andiamo almeno cooperare lungo queste linee.
>> È necessario fornire una password.
Va bene, cerchiamo di scegliere una la password come porpora.
Le password non corrispondono.
Ah, ho bisogno di collaborare e fornire la stessa parola, cremisi, ancora una volta.
>> È necessario accettare i termini e condizioni.
Va bene, andiamo ora verificare che la scatola.
E, infine, accidenti, io sono registrato.