ngMessage – Passo a Passo – Como validar formulários usando AngularJS com ngMessage – Parte 2
Olá a todos. Sejam bem vindos aos Canal e Blog SW9
Vou falar um pouco sobre o ngMessage. Apesar de termos outros componentes e recursos para validar um formulário usando a linguagem AngularJS, o ngMessage, na minha opinião, é o mais rápido e prático para se utilizar.
Na verdade o componente ngMessage é o componente oficial do AngularJS para se fazer validação de formulários.
Com apenas algumas configurações já podemos utilizá-lo, portanto a curva de aprendizado é baixa.
Em poucas palavras, o que precisamos fazer para começar a usar o ngMessage é:
1- Chamar a biblioteca na sua página principal (index.html, default.html, ou uma outra de sua escolha)
2- Incluir a diretiva [ngMessage] no módulo principal de seu App
3- Construir o formulário colocando as propriedades de validação para cada campo
4- Chamar a diretiva ngMessages em uma Div para apresentação dos erros
Importante: a diretiva ng-messages agrupa todos os erros do formulário ou de um cmapo específico.
Abaixo do ngMessages precisamos chamar a diretiva ng-message para cada erro que será exibido.
5- Por último também existe a opção de chamar a diretiva ng-message-include para chamar um template contendo todas as mensagens de erro padrão, desta forma reaproveitamos o mesmo código para qualquer formulário que formos criar.
Voce verá mais detalhes e o passo a passo da implementação nesta nova série de vídeos. Como de costume, deixarei um link para baixarem o código fonte em minha área de downloads.
Após apresentado o primeiro vídeo da série Vídeo 1, agora é a vez do segundo vídeo da série, onde vou focar no controlador que vai receber a requisição do formulário, verificar se o formulário é válido ou não e enviar os dados para serem salvos na API Fake Json-Server.
Como complemento vou mostrar como construir a funcionalidade de loading que aparece no botão de submit do formulário até que o processamento seja finalizado.
Espero que gostem deste segundo vídeo. Aproveito para pedir a participação de vocês no canal e blog, curtindo, compartilhando, dando sua opinião e se inscrevendo no canal e blog para receber as novidades em primeira mão.
Fiquem com Deus e até o próximo vídeo.
Links
Código Fonte: http://blog.sw9.com.br/acesso-area-de-downloads/
Vídeo sobre Json-Server: https://www.youtube.com/watch?v=nqExK134co4
Primeiro vídeo da série ngMessage: Vídeo 1
Meu Blog: http://blog.sw9.com.br
Meu GitHub: https://sw9brl.github.io/MyGitHubPage
Canal youtube: youtube.com/+sw9brl
Que tal me pagar um café :-)
Uma pequena quantidade de café foi consumida durante a produção de um post + vídeo. Se puder, contribua adicionando mais combustível para que eu tenha condições de seguir em frente.
Brincadeiras à parte, o valor selecionado é multiplicado por 2 (x2) que representa a multiplicação de minha dedicação a cada contribuição que recebo.
Deixe um comentário