Skip to main content
4 de 4
Apenas organizei e melhorei o exemplo.
Gabriel Rodrigues
  • 16,2mil
  • 14
  • 62
  • 124

Você pode utilizar o type do input como email, dependendo do navegador ele irá flegar o input como incorreto. a maioria dos navegadores já o fazem por padrão.

mas você pode adicionar uma verificação por regex também, exemplo:

function validateEmail(email) {
  var re = /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
  return re.test(email);
}


function teste() {
  if (validateEmail($("#email").val())) {
    alert('Email válido.');
  } else {
    alert('Email inválido.');
  }
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="email" id="email" value="[email protected]">
<button onclick="teste();">Válidar Email</button>

Gabriel Rodrigues
  • 16,2mil
  • 14
  • 62
  • 124