Cual debo usar?

[XD2XD2]

Código Javascript:

<script text="type/javascript">
function VERIFICAR(){
  if(document.getElementById("Vn").value == ""){
  document.getElementById("Vn").value="Error";
  document.getElementById("Vn").style.background="red";
  }else{
  document.write("Todo Correcto");
  }
}
</script>
<form action="" method="post">
  <input style="border:none" id="Vn">
  <input onClick="VERIFICAR()" type="submit">
</form>
 

Código Javascript:

<script text="type/javascript">
function VERIFICAR(){
  if(document.form.Vn.value == ""){
  document.form.Vn.value="Error";
  document.form.Vn.style.background="red";
  }else{
  document.write("Todo Correcto");
  }
}
</script>
<form action="" method="post" name="form">
  <input style="border:none" name="Vn">
  <input onClick="VERIFICAR()" type="submit">
</form>
 

Código PHP:

<?php
if(isset($_POST['enviar'])){
  if($_POST['Vn']){
    echo "Error";
  }else{
    echo "Todo Correcto";
  }
}
?>
<form action="" method="post">
  <input style="border:none" name="Vn">
  <input name="enviar" type="submit">
</form>
 

Lo malo de las dos primeros que si desactivan el javascript pueden crearse un usuario sin valor (Osea un usuario llamado espacio "")

Pero si uso la tercera no queda igual de bonito
¿Cual es la diferencia entre

Código Javascript:

document.getElementById("Vn").value="Error";
 

y

Código Javascript:

document.form.Vn.value="Error";
 

?