Javascript carrega mensagem e a apaga em seguida

Boa noite,

Estou tentando fazer a validação de um campo com javascript, onde ele exibiria uma mensagem de erro do lado do campo de entrada, porém ele exibe a mensagem e a apaga quando a página "termina de carregar".

Eis o código javascript:

<script type="text/javascript">
    function verificar() {
        var rua = document.getElementById('rua').value;
        var erua = document.getElementById('erua');
        if (rua == "") {
            erua.innerHTML = "Preencha todos os campos antes de continuar";
        }
        
    }
</script>

	E eis a parte no html:

<tr>
 <td><label for="rua">Rua</label></td>
 <td><input id="rua" type="text" name="rua" placeholder="Digite o nome da sua rua"></td><td id="erua"></td>
</tr>