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.