2

Alguém poderia me informar como faço para que o input só aceite um email com determinado domínio e rejeite outro ?

Ex:

[email protected] - ok
[email protected] - erro

HTML

<input type="text" name="nome" class="txt_input first_input" placeholder="Nome" required>
                        <input type="email" name="email" class="txt_input" id="email" placeholder="E-mail" required>
                        <input type="email" name="confirmaEmail" class="txt_input" id="confirma-email" placeholder="Confirmar e-mail" required>
2
  • Resposta com jQuery vale? Commented 8/08/2016 às 14:41
  • vale sim :D toda ajuda é bem vinda Commented 8/08/2016 às 14:58

2 Respostas 2

4

Se for somente com HTML, você pode utilizar o Pattern Attribute e validar com Regex, como no exemplo abaixo:

<form name="myForm">
  <input type="email" name="email" pattern="[A-Za-z0-9._%+-][email protected]" required="required" />
  <button type="submit">Enviar</button>
</form>

Como lembrado pelo @GustavoTinoco, o pattern não possui compatibilidade com o safari na versão Desktop. A lista completa dos browsers compatíveis (Desktop e Mobile) pode ser vista aqui.

7
  • 1
    Randade, sugiro você colocar * antes do @gmail. Se ele já usa o email, ele vai validar isso automaticamente. Além do que, você está limitando o usuário, pois ele não poderia ter e-mails com ., - ou _. Commented 8/08/2016 às 14:41
  • @WallaceMaxters Editei a expressão. Não acho que com * seria a melhor opção, até porque essa seria uma segunda validação (a primeira é o type="email"). Mas realmente, você estava correto. Adicionei alguns caracteres na expressão. vlw
    – Randrade
    Commented 8/08/2016 às 14:51
  • 1
    Randrade %? Essa me surpreendeu Commented 8/08/2016 às 14:51
  • no caso, sao emails empresariais sem o . ou - usei o gmail como exemplo apenas fora que, eu precisaria de mais de uma pattern, esse é outro problema que surgiu Commented 8/08/2016 às 14:55
  • 1
    @GustavoTinoco Valeu por lembrar. Só esclarecendo, no Safari mobile é suportado. No desk que não é, como você mesmo disse. No link que eu coloquei na resposta fala isso, mas irei esclarecer mais. Obrigado pela ajuda.
    – Randrade
    Commented 8/08/2016 às 16:03
3

Você pode também fazer a validação usando a seguinte expressão regular no Javascript:

var regex = /@gmail\.com$/;

var gmail = regex.test('[email protected]');

var hotmail = regex.test('[email protected]');

document.writeln('[email protected]: ' + gmail);

document.writeln('<br/>');

document.writeln('[email protected]: ' + hotmail);

A expressão @gmail\.com se encarrega de capturar a existência de @gmail.com, e $ obriga que a expressão seja encontrada no final.

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .