Aprenda como validar um campo de email.
Estrutura HTML:
Explicando:
Ao pressionar o botão ENVIAR, o evento “onSubmit” do form será acionado chamando a função verifica().
verifica(): verifica se algum valor foi digitado. A função que verificará se o valor digitado está no formato correto de email, será chamado quando o campo perder o foco (evento onblur).
Adicionando a função verifica():
Função para validar o email:
Explicando:
document.forms[]: acessa um array de form. Pode ser pelo índice ou pelo nome (definido no atributo NAME da tag FORM). Utilizamos o valor 0, pela referência ao primeiro Form.
email.value: valor do campo ‘email”.
indexOf: aqui está o x da questão! indexOf faz uma pesquisa pelo valor informado. A utilização do -1 é utilizado para quando não se encontrar uma referência ao texto informado.
Um alerta será exibido, se o campo de e-mail estiver em “branco” ou se não for digitado o “@” ou “.”.
Códido Completo: