validar campos vacios, continua de pagina

[fcosun]

Estoy tratando de validar ingresos con javascript.

Si no se ingresa nada en el formulario, al presionar el botón no debiera continuar con la pagina, pero si lo hace.

PHP con Javascript

Acá tengo un vídeo en flash para que lo vean
http://sunsalt.netai.net/files/validacion_sigue.htm

acá tengo la pagina toda esta en html:

Código HTML:

<script> 
function comprobar(){
    var mal=false; 
    
    numero=document.forms[0].elements.length; 
    
    for(a=0;a<numero;a++){ 
        if (document.forms[0].elements[a].value==""){
            document.forms[0].elements[a].style.backgroundColor="#ffffcc";
            mal=true;
        } 
        else{
            document.forms[0].elements[a].style.backgroundColor="white";
        } 
    } 
    
    if(mal){
        alert("Por favor, rellene las cajas coloreadas");
    } 
        else{document.forms[0].submit()} 
    } 
</script> 
 
 
 
<form action="ingresar1.php" method="post">
  <p>&nbsp;</p>
  <table width="330" border="0" cellspacing="3" cellpadding="3">
    <tr>
      <th width="94" scope="col">&nbsp;</th>
      <th width="223" scope="col">&nbsp;</th>
    </tr>
    <tr>
      <td>Nick:</td>
      <td><input type="text" name="textnick"></td>
    </tr>
    <tr>
      <td>Clave:</td>
      <td><input type="text" name="txtclave1"></td>
    </tr>
    <tr>
      <td>Repetir clave :</td>
      <td><input type="text" name="txtclave2"></td>
    </tr>
    <tr>
      <td>Nivel:</td>
      <td><select name="select">
        <option value="1">Basico</option>
        <option value="2">Admin</option>
      </select></td>
    </tr>
    <tr>
      <td>&nbsp;</td>
      <td><input type="submit" name="Submit" onclick="comprobar()" value="Ingresar"></td>
    </tr>
  </table>
  <p>&nbsp;</p>
</form>