Speak: Låt oss nu ta en titt på en webbsida som gör det möjligt för en användare att registrera sig för något, men som faktiskt innehåller några klientsidan validering av sina ingångar. 

Lägg märke till här, i formulär-1.html, har jag samma egenskaper som innan, men jag har lagt till ett ID-attribut till mitt formulär tag, vars värde är att registrera, så att jag har ett ID genom vilken jag kan unikt identifierar den formen i mitt DOM. Nu märker under mitt formulär tagg är ett skript tag, så att mycket medvetet, min JavaScript-kod endast kommer att utföra när formuläret taggen och dess DOM-noder har laddats. 

Inne i skripttagg varsel är det första raden här där jag förklarar en variabel som kallas formen och tilldela det returvärde document.getElementById av citat unquote registrering. Det är här kodraden som kommer att se genom min DOM, letar efter den element eller nod som har en unik identifierare för registrering, lagring det returnerade värdet i slutändan i denna variabel. 

Då jag registrera med den formen en händelse hanteraren för formulär, med form.onsubmit och tilldela en anonym funktion, som kaross fortsätter att göra följande. Om detta formulär fält, vars namn är e-post, har ett värde från användaren lika för att citera unquote ingenting, då är vi kommer att varna användaren om att han eller hon måste lämna sin e-postadress, och vi returnera false, så att formen själv inte lämnat registrera prick php. 

Annars, om formuläret har ett fält vars namn är lösenord och vars värde är citat unquote, så låt oss skrika hos användaren att han eller hon måste ange ett lösenord. Och återigen, returnera false så att formuläret inte lämnas till Registrera prick php. 

Under tiden, om det värde som användaren har skrivs in i formulärfältet som kallas lösenord matchar inte det värde som användaren har gett för formuläret område som kallas bekräftelse, så låt oss skrika på användarens lösenord inte match, och sedan returnera false, så att formuläret inte lämnas till Registrera prick php. 

Slutligen, om det inte är fallet att den formulär överenskommelse ingång kontrolleras, så låt oss skrika på användaren som förklarar att han eller hon ska gå med på villkoren och tillstånd, och återigen returnera false så att formuläret inte lämnas in till Registrera prick php. 

Annars om ingen av dessa misstag har gjorts, låt oss verkligen return true och låta det formulär som ska lämnas in registrera prick php. 

Låt oss ta en titt på dessa möjliga fel nu efter öppning sidan i en webbläsare. http://localhost/form-1.HTML. Här är då den formen. Låt oss ge någonting. 

Du måste ange din e-postadress. Okej, låt oss åtminstone samarbeta enligt dessa linjer. 

Du måste ange ett lösenord. Okej, låt oss välja en lösenord som karmosin. Lösenorden matchar inte. Ah, jag måste samarbeta och ge samma ord, crimson, igen. 

Du måste godkänna villkoren och villkor. Okej, låt oss nu kontrollera att rutan. Och slutligen, USCH, jag är registrerat.