Validar campos vacios con onchange

[petit89]

Para mi deberias ocupar el evento onblur ya que este valida al dejar el campo, es decir valida lo que se dejo o no, al pasar a otro... pruebalo asi:

Código Javascript:

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

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" onblur="usernameform()">
       <i class="fa fa-user"></i>
       <p id="msusername"></p>
       </form>
 

En tu codigo tenias varios errores como "===", checa bien...