Validar contraseña problema

[_cronos2]

Si entendí bien, necesitas que si no se validan los campos aparezcan ciertos mensajes de error ¿no? Pues entonces no es muy complicado.

Código CSS:

.error {color:#F00; font-size:20px; display:none;}
 

Código HTML:

<form name='form1' action='' method='post' onsubmit='return validar();'>
 Nombre:<input type='text' id='nombre' />
 <div class='error' id='id1'>
  Inserte nombre&nbsp;<img src='cruzerror.jpg' alt='error' />
 </div>
 Apellido:<input type='text' id='apellido' />
 <div class='error' id='id2'>
  Inserte apellido&nbsp;<img src='cruzerror.jpg' alt='error' />
 </div>
 Contraseña:<input type='text' id='psw' />
 <div class='error' id='id3'>
  Introduzca contrase&ntilde;a&nbsp;<img src='cruzerror.jpg' alt='error' />
 </div>
 Repita contraseña:<input type='text' id='psw2' />
 <div class='error' id='id4'>
  Compruebe contrase&ntilde;a&nbsp;<img src='cruzerror.jpg' alt='error' />
 </div>
 <input type='submit' value='Enviar' />
</form>
 

Código Javascript:

function validar(){
 var nombre = document.getElementById('nombre');
 var apellido = document.getElementById('apellido');
 var psw = document.getElementById('psw');
 var confir = document.getElementById('psw2');
 var id1 = document.getElementById('id1');
 var id2 = document.getElementById('id2');
 var id3 = document.getElementById('id3');
 var id4 = document.getElementById('id4');
 if(nombre.value.length==0){
  id1.style.display = 'block';
  return false;
 }
 if(apellido.value.length==0){
  id2.style.display = 'block';
  return false;
 } 
 if(psw.value.length==0){
  id3.style.display = 'block';
  return false;
 } 
 if(confir.value.length==0){
  id4.style.display = 'block';
  return false;
 } 
 if(psw.value != confir.value){
  id4.style.display = 'block';
  return false;
 }
}
 

Saludos (: