getElementById() com variavel

[iRCC 0]

Olá, estou fazendo um verifcação de um formulário com o seguinte código

function inserirDados(){


    var i;
    var erros = 0;
  
     var campos = document.getElementsByTagName('input');
             debugger;
        for(i = 0; i<campos.length;i++){
            if((campos[i].value == "")||(campos[i].value == " ") ){
                 erros++;
               
               document.getElementById("msg"+i).style.diplay = "";
            }
            
        }
        if(erros == 0){
            document.getElementById("submitar").value = 1;
            document.form1.submit();

        }else{
          !document.form1.submit();
        }
}

ele faz um for em todos os inputs da tela e se o valor for "" mostra uma mensagem ao lado, até ai td bem só que minhas mensagens são todos em labels escondidas ao lado do campo com os ides assim: "msg0" , "msg1" , "msg2" , .... e assim vai

a minha ideia era fazer este for e ver em qual campo o conteudo é "" por isso resolvi pegar o elemente com o id e mostrar a mensagem.

 

O erro que está dando é que o getElementById("msg"+i) não aceita variável, alguem sabe alguma solução?

[Bruno Augusto 417]

Por acaso os campos escondidos possuem ID sob a forma nomedocampo_numero (Ex: campo_1)?

 

Porque possível é pois, após ser interpretado, document.getElementById('msg' + i) terá o mesmo siginificado de document.getElementById('campo_1'), exemplificando um campo chamado campo seguido de um underline para clarificar as coisas.