É dito "Com HTML5, não precisamos mais de js ou um código do lado do servidor para verificar se a entrada do usuário's é um endereço de e-mail ou url válido"
Como posso validar o e-mail depois de um usuário entrar? e sem o JS como exibir uma mensagem se o usuário digitar uma forma errada do seu endereço de e-mail.
<input type="email" pattern="[^ @]*@[^ @]*" placeholder="Enter your email">
<input type="submit" value="Submit">
A página input type=email
do site www.w3.org observa que um endereço de e-mail é qualquer string que corresponda à seguinte expressão regular:
/^[a-zA-Z0-9.!#$%&’*+/=?^_`{|}~-]+@[a-zA-Z0-9-]+(?:\.[a-zA-Z0-9-]+)*$/
Utilize o atributo required
e um atributo pattern
para requerer o valor correspondente ao padrão regex.
<input
type="text"
pattern="/^[a-zA-Z0-9.!#$%&’*+/=?^_`{|}~-]+@[a-zA-Z0-9-]+(?:\.[a-zA-Z0-9-]+)*$/"
required
>
É muito difícil validar corretamente o Email simplesmente usando o atributo " HTML5;pattern". Se você não usar um "pattern" alguém@ será processado. o que NÃO é um email válido.
Using pattern="[a-zA-Z]{3,}@[a-zA-Z]{3,}[.]{1}[a-zA-Z]{2,}[.O formato
[email protected]', porém se o remetente tiver um formato como [email protected]' (ou similar) não será validado para corrigir isso você poderá colocar
pattern="[a-zA-Z]{3,}@[a-zA-Z]{3,}[.]{1}[a-zA-Z]{2,}[.]{1}[a-zA-Z]{2,}[.]{1}[a-zA-Z]{2,}"` isto validará ".com.au ou .net.au ou similares.
No entanto, utilizando isto, não permitirá que o [email protected] valide. Por isso, a simples utilização do HTML5 para validar endereços de e-mail ainda não está totalmente connosco. Para completar isto, você usaria algo como isto:
<form>
<input id="email" type="text" name="email" pattern="[a-zA-Z]{3,}@[a-zA-Z]{3,}[.]{1}[a-zA-Z]{2,}[.]{1}[a-zA-Z]{2,}" required placeholder="Enter you Email">
<br>
<input type="submit" value="Submit The Form">
</form>
ou..:
<form>
<input id="email" type="text" name="email" pattern="[a-zA-Z]{3,}@[a-zA-Z]{3,}[.]{1}[a-zA-Z]{2,}[.]{1}[a-zA-Z]{2,}[.]{1}[a-zA-Z]{2,}" required placeholder="Enter you Email">
<br>
<input type="submit" value="Submit The Form">
</form>
No entanto, não sei como validar ambas ou todas as versões de endereços de e-mail usando o atributo padrão HTML5.