HTML aparece uma mensagem do navegador dizendo que o email está incompleto, como pos

mateus288 · 20 de maio de 2020

<html>
<head>
	<title></title>
</head>
<body>
<input type="email" placeholder="Email" class="emailbox" maxlength="60" onblur="validarEmail()" onfocus="redefinirMsg()" id="email">
<span id="error-email"></span>
	<input type="submit" />
	<script type="text/javascript">
		function validarEmail(){
		  var email = document.querySelector('#email');
		  var error = document.querySelector('#error-email');
		  
		  if(!email.checkValidity()){
		    error.innerHTML = "Email invalido";  
		  }
		   
		}

		function redefinirMsg(){
		  var error = document.querySelector('#error-email');
		  if (error.innerHTML == "Email invalido"){
		    error.innerHTML = "";}
		}
	</script>

</body>
</html>