SPEAKER: Vamos agora dar uma olhada uma página web que permite que um usuário inscrever-se alguma coisa, mas que na verdade inclui alguns do lado do cliente validação de seus insumos. 

Observe aqui, em forma-1.html, tenho essa mesma forma como antes, mas eu tenho adicionado um atributo ID para a minha forma tag, o valor das quais é registar, de modo que eu tenho um ID via que eu puder identificar de que forma no meu DOM. Agora, observe abaixo do meu formulário tag é um script tag, de modo que muito deliberadamente, meu código JavaScript só executará uma vez que a tag formulário e seus nós DOM foram carregados. 

Dentro do edital tag script é o primeira linha aqui onde eu declarar uma variável chamada forma e atribuir que o valor de retorno document.getElementById de citação registro fecha aspas. É esta linha de código que vai ficar através do meu DOM, olhando para o elemento ou nó que possui um único identificador de registro, armazenamento o valor de retorno, em última instância nesta variável. 

Então eu registrar com que forma um evento manipulador para o envio do formulário, com form.onsubmit e atribuir que um função anônima, o corpo de que passa a fazer o seguinte. Se o campo dessa forma, cujo nome é e-mail, tem um valor a partir do utilizador igual para citar nada fecha aspas, então estamos indo para alertar o usuário de que ele ou ela deve fornecer seu endereço de e-mail, e nós return false para que o formulário em si não é submetido a registrar php ponto. 

Outra coisa, se o formulário tem um campo cujo nome é a senha e cujo valor é entre aspas, então vamos gritar o utilizador que ele ou ela deve fornecer uma senha. E, novamente, retornar false para que o formulário não é submetido a php registar ponto. 

Entretanto, se o valor que o usuário tem digitei ao campo de formulário chamado senha não coincide com o valor que o usuário tenha fornecido para a forma campo chamado de confirmação, então vamos gritar com o usuário as senhas não jogo, em seguida, retornar false para que o formulário não é submetido a php registar ponto. 

Finalmente, se não for o caso, que a entrada acordo do formulário é verificado, então vamos gritar com o usuário explicando que ele ou ela deve concordar com os termos e condição, e, novamente, retornar falso para que o formulário não é submetido a php registar ponto. 

Else if, nenhum desses erros têm foram feitas, vamos de fato retornar true e permitir que o formulário seja enviado a registrar php ponto. 

Vamos dar uma olhada nestes possível erros agora por abertura a página em um navegador. http://localhost/form-1.HTML. Eis, então, que forma. Vamos fornecer nada. 

Você deve fornecer seu endereço de e-mail. Tudo bem, vamos pelo menos cooperar nesse sentido. 

Você deve fornecer uma senha. Tudo bem, vamos escolher um senha como o carmesim. As senhas não coincidem. Ah, eu preciso cooperar e fornecer a mesma palavra, o carmesim, novamente. 

Você deve concordar com os termos e condições. Tudo bem, vamos ver agora que a caixa. E, finalmente, ufa, estou registrado.