Validação dos campos de um formulário - POO II - Aula 08

661 visualizações

Publicada em

Validação dos campos de um formulário - POO II - Aula 08

Publicada em: Educação
0 comentários
1 gostou
Estatísticas
Notas
  • Seja o primeiro a comentar

Sem downloads
Visualizações
Visualizações totais
661
No SlideShare
0
A partir de incorporações
0
Número de incorporações
212
Ações
Compartilhamentos
0
Downloads
35
Comentários
0
Gostaram
1
Incorporações 0
Nenhuma incorporação

Nenhuma nota no slide

Validação dos campos de um formulário - POO II - Aula 08

  1. 1. Aula 08 Validação dos campos de um Formulário Marcos Devaner Programação Orientada a Objetos II
  2. 2. Validação de via JavaScript validação de formulário HTML pode ser feito por um JavaScript. Se um campo de formulário (fname) estiver vazia, esta função alerta uma mensagem, e retorna false, para evitar que o formulário seja submetido:
  3. 3. Validação via HTML A validação de formulário HTML pode ser realizada automaticamente pelo navegador. Se um campo de formulário (fname) estiver vazio, o necessário atributo impede que esta forma de ser apresentado:
  4. 4. Sobre o JavaScript Atributo Descrição disabled - Especifica que o elemento de entrada deve ser desativado Max - Especifica o valor máximo de um elemento de entrada Min - Especifica o valor mínimo de um elemento de entrada Pattern - Especifica o padrão valor de um elemento de entrada Required - Especifica que o campo de entrada requer um elemento
  5. 5. Atributo pattern - Definição e uso Nota: O atributo padrão funciona com os seguintes tipos de entrada: texto, data, busca, url, telefone, e-mail e senha. Dica: Use o mundial título atributo para descrever o padrão para ajudar o usuário. Sugestão: Saiba mais sobre expressões regulares Dica: http://turing.com.br/material/regex/introducao.html
  6. 6. Atributo pattern - Definição e uso O atributo pattern especifica uma expressão regular que define o que será aceito pelo <input>. Exemplo: Ponto - corresponde a qualquer caractere, exceto quebras de linha 6, - Aceita 6 ou mais caracteres Define um texto para a mensagem de erro
  7. 7. Atributo pattern - Exemplos Define o formato dd/mm/aaaa Define o formato de e-mail
  8. 8. Validação via Javascript
  9. 9. Incluindo Data Script para exibir datas dentro de um elemento <p> com id = "demonstração":
  10. 10. Atividade Crie o formulário abaixo e inclua as seguintes validações: 1 – Todos os campos são Obrigatórios 2 – Apenas letras ou números para o login e senha 3 – senha de no mínimo 8 caracteres

×