confirmação de formulário

Eu estou criando um site e no decorrer do caminho eu achei esse problema, não consigo validar meu formulário. Sempre quando um campo está correto, o background-color do input fica verde (#ccffcc), então quero fazer um botão que verifique se todos os campos estão verdes, se um não estiver, manda uma mensagem de erro.

Mas o problema é que quando clico no botão nada acontece.

Código JavaScript:

function check_all() {
 var campo1 = document.GetElementByID("username");
 var campo2 = document.GetElementByID("senha");
 var campo3 = document.GetElementByID("repsenha");
 var campo4 = document.GetElementByID("email");
 var campo5 = document.GetElementByID("repemail");

 if (campo1.style.backgroundColor && campo2.style.backgroundColor && campo3.style.backgroundColor && campo4.style.backgroundColor && campo5.style.backgroundColor == '#ccffcc') {
 document.forms["registro_form"].submit();
 } else {
 alert("Os campos não foram preenchidos corretamente!");
 }
}

Alguem pode me ajudar?