Validar campos vacios con onchange

[srwik]

Muy buenas,

Estoy intentando validar un formulario, primeramente avisando al usuario de que un campo está vacio utilizando onchange. El caso es que no me funciona.

HTML:

Código HTML:

 <form action="<?php echo htmlspecialchars($_SERVER['PHP_SELF']);?>" method="POST">
       <input type="text" class="form-control" placeholder="Nombre de usuario " name="username" id="username" onchange="usernameform()">
       <i class="fa fa-user"></i>
       <p id="msusername"></p>
     </div> 

JAVASCRIPT:

Código HTML:

function usernameform() {
  var userinput = document.getElementById("username").value;
  if ( userinput === "" ){
document.getElementById("msusername").innerHTML = "Escribe tu nombre de usuario";
  }
  }

Debe ser algo que no he visto pero llevo 2 horas dándole vuelta y nada.

Gracias de antemano!