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";
 

?

[zalito12]

Usa JS y PHP es la única forma de hacerlo bien y bonito, combinar las dos tecnologías, comprobación en el lado del cliente y en el lado del servidor

[XD2XD2]

Y cual es la diferencia entre el primero y el segundo?