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:

Adicione seu e -mail

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:

Adicione seu e -mail

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.