Validação de formulários

          Validação de formulários/Form Validation

A validação de formulários é uma parte muito importante na programação web, pois permite efectuar a verificação da "sintaxe se dados" ou a formatação básica dos dados, de modo a evitar que dados inválidos sejam submetidos a base de dados, minimizando desta forma a ocorrência de erros e garantir uma maior consistência nos dados.  

Atributo required

Atributo required pode ser definido no javascript 

          var x = document.getElementById("text").required;   

ou

     var x = document.getElementById("text").required = true;  

O atributo required pode ser definido no elemento html da seguinte forma:


     <input type="text" name="name" required="true">        

Com esta sso informa ao navegador da Web (com reconhecimento de HTML5) que o campo deve ser considerado de preenchimento obrigatório. 

Exemplo:

Efectue a validação básica dos seguintes campos:

Nome
E-mail
Código Postal
Pais	[Seleccione o pais] Mozambique South Africa Angola

Código HTML:

Código JS para efeitos de validação:

            Exercícios 

Usando JavaScrip:

1. Formate o campo nome apenas para permitir no mínimo 10 caracteres;
2. Formate o campo e-mail para verificar se o texto inserido no campo e-mail possui o simbolo @ e ponto(.).

            References  

https://www.the-art-of-web.com/html/html5-form-validation/
https://www.tutorialspoint.com/javascript/javascript_form_validations.htm