Problema parcial com função

[manolegal 12]

Olá amigos.

Tenho uma função que está funcionando parcialmente:

<input type="text" id="titulo_eleitoral" name="titulo_eleitoral" value="<?php echo $titulo_eleitoral;?>" onblur="habilitar_te()">

<script type="text/JavaScript">
function habilitar_te(){
    if (document.getElementById("titulo_eleitoral").value.length > 1){
        document.getElementById("secao_eleitoral").style.display="block";
        document.getElementById("zona_eleitoral").style.display="block";
    }
    else {
        document.getElementById("secao_eleitoral").style.display="none";
        document.getElementById("zona_eleitoral").style.display="none";
    }
};
</script>

Esta função está em um formulário de edição de dados.

Ao carregar o formulário, caso o valor inicial vindo do BD tenha mais que um caractere (length > 1), a função funciona normalmente, porém se o valor inicial vindo do BD for 1 caractere não funciona, ou funciona somente após submit do formulário.

Tentei várias formas, mas não encontrei o problema.

[Douglas Julião 34]

Tenta fazer assim:

<input type="text" id="titulo_eleitoral" name="titulo_eleitoral" value="<?php echo $titulo_eleitoral;?>">

<script type="text/javascript">
 var $seletor1 = document.getElementById("titulo_eleitoral");
      $seletor2 = document.getElementById("secao_eleitoral"),
      $seletor3 = document.getElementById("zona_eleitoral");
      
  $seletor1.onblur = function(){
  	if ($seletor1.value.length > 1){
          $seletor2.style.display="block";
          $seletor3.style.display="block";
      }
      else {
          $seletor2.style.display="none";
          $seletor3.style.display="none";
      }
  }
</script>

joga seu js no final do código caso ja não esteja