Validação por e-mail html-html5
A validação do formulário é essencial para prevenir os formulários on -line mal utilizados por usuários não autorizados. A validação inadequada dos dados de formulário é uma das principais razões para o problema de segurança. Ele expõe o site a correções de cabeçalho, scripts cruzados e ataques de booster SQL. Mais especificamente, a validação por email é um procedimento para determinar se um determinado endereço de email está ativo e alcançável.
Esta postagem explicará os diferentes métodos para a validação por e -mail HTML5:
- Método 1: Validação por e -mail definindo o padrão no elemento de entrada
- Método 2: Validação por e -mail por entrada "Tipo" como email
Método 1: Validação por e -mail definindo o padrão no elemento de entrada
Para a validação de email html5, crie um formulário usando o “”Elemento e adicione um elemento de entrada e especifique o tipo de entrada como“e-mail”, E defina o padrão do email.
Etapa 1: Crie um formulário
Com o objetivo de projetar um formulário, utilize o “”Elemento na página HTML.
Etapa 2: Insira o rótulo
Em seguida, adicione o “”Elemento para definir o rótulo no formulário. Em seguida, incorpore texto entre a etiqueta da etiqueta a ser exibida na página da web.
Etapa 3: Adicionar elemento de entrada
Depois disso, insira um “”Elemento para criar um campo de entrada e adicionar os seguintes atributos no elemento de entrada:
- ““tipo”Atributo determina o tipo de entrada no formulário. Nesse cenário, o valor do “tipo”O atributo é especificado como“e-mail”, Que permite ao usuário inserir apenas dados de email no campo de entrada.
- ““padrão”Especifica uma expressão regular de que“”O valor do elemento é verificado no envio do formulário.
- ““espaço reservado”Aloca uma dica curta que descreve o valor esperado de um campo de entrada ou textarea:
Como resultado, o usuário pode adicionar email no campo de entrada:
No entanto, se os usuários tentarem inserir um email inválido, o formulário não enviará:
Método 2: Validação por e -mail por entrada "Tipo" como email
O usuário também pode adicionar o email especificando o tipo de entrada como “e-mail”, Que suportam apenas os dados que consistem no endereço de email:
Saída
É tudo sobre os métodos de validação por e -mail HTML5.
Conclusão
Para a validação de email html5, primeiro, projete um formulário usando o “”Elemento e adicione um“”Elemento e especifique a entrada“tipo" como "e-mail”, E defina o“padrão”Ao especificar um padrão particular do email. Por outro lado, o usuário não pode inserir o outro tipo de dados no campo declarado. Este tutorial demonstrou os métodos de validação por e -mail HTML5.