O intuito do código abaixo é validar se usuário digitou um e-mail válido no input e atualizar a div "msgemail" com a frase "Bem Vindo " + email.. Ele até chega a fazer mas não fica estático, some logo depois. Eu queria que ficasse estático na tela. Obs: Já tentei mudar o trecho de .innerHTML para .innerText mas sem sucesso..
Obrigado desde já.
<!DOCTYPE html>
<html>
<head>
<title>teste</title>
<meta charset="UTF-8" />
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script type="text/javascript">
$(function(){
$('#form_contato').submit(function(){
var er = new RegExp(/^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/);
var email = $('#txt_email').val();
if( email == '' || !er.test(email) ) { alert('Email inválido'); return false; }
var div = document.getElementById("msgemail");
div.innerHTML = "Bem vindo " + email;
});
});
</script>
</head>
<body>
<div>
<form action="" id="form_contato">
<label>Email:</label>
<input type="text" id="txt_email"/>
<input type="submit" value="Enviar">
</form>
</div>
<div id="msgemail">
</div>
</body>
</html>
