Validar formularios con JavaScript

En el poco tiempo que llevo freelancer debo decir que validar los formularios por medio de PHP no es tan efectivo como yo creia, ya que se puede hacer más compleja tu aplicación e incluso "más pesada".

Con JavaScript esto se puede muy fácil y de manera bastante practica, ya sea añadiendo un pequeño código javascript embebido en el html o desde un archivo .js externo. Veamos como se hace:

Código PHP:
<html>
<head>
<script type="text/javascript">
function validar(){
if(formulario.usuario.value == ""){
alert('Debes ingresar un nombre de usuario');
}
if(formulario.password.value == ""){
alert('Debes ingresar una contraseña');
}
}
</script>
</head>
<body>
<form name="formulario">
<table>
<tr>
<td>Usuario </td>
<td><input type="text" name="usuario" /></td>
</tr>
<tr>
<td>Contraseña</td>
<td><input type="text" name="password" /></td>
</tr>
<tr><td><input type="Submit" value="Enviar" OnClick="validar();" /></td></tr>
</table>
</form>
</body>
</html> 
Como se puede ver en el script tenemos un condicional que indica, si usuario está vacio muestra un mensaje pidiendo que se rellene el mismo

[highlight=javascript]if(formulario.usuario.value == "")[/highlight]

Luego en el evento OnClick del botón enviar llamamos la función para que posteriormente esta haga la comprobación:
Código HTML:
<input type="Submit" value="Enviar" OnClick="validar();" />