-2

Boa tarde, eu queria manter estático o texto na tela dentro da div "msgemail" , porém ele acaba sumindo logo após as validações. Alguém pode me ajudar com meu código ?

Obrigado.

<!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.innerText = "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>

1 Resposta 1

0

Seu form está sendo enviado após as validações, você evitando isto, ele manterá a mensagem.

Coloque um return false no final da função, assim permanecerá na mesma página.

 ...
    div.innerText = "Bem vindo " + email;
            
    return false; // adicione esta linha
    });
});
</script>
1
  • Deu certo, obrigado Rogério.
    – Cesar
    31/08/2020 às 21:22

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 .