Validaciones en javascript con validate.js

[ahome8990]

Bueno despues de mucho pelear con el codigo logre validar el select al menos eso creo pero cuando lo quiero redirigir a otra pagina es donde me pierdo.

el scrit del jquery.valildate:

Código Javascript:

<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript" src="../js/jquery.validate.min.js"></script>
  <script>
  $(document).ready(function(){
    $("#form1").validate({
  rules: {
    asociado: "required"
  }
});
  });
  </script>
 

el css:

Código CSS:

select { border: 1px solid black; margin-bottom: .5em;  }
    select.error { border: 1px solid red;  }
    select.title{ color:#FF0000}
    label.error {
        background: url('img/error.gif') no-repeat;
        padding-left: 16px;
        margin-left: .3em;
    }
 

y el formulario(esta parte a mi parecer al igual que el css tiene cosas demas, pero la verdad no se como llamar porque al quitar el action aun asi sigue validando, pero mi idea era que enviara los datos otra pagina para mostrarlos):

Código HTML:

<form id="form1" method="post" action="#">
    <select id="asociado" name="asociado" title="No ha seleccionado!">
    <option value="">Seleccione</option>
    <?php 
    include '../conec/conecc.php';
    $link=Conectarse();
    $Sql = "SELECT * FROM revistas";
    $result=mysql_query($Sql,$link);
    $i=1;
    while($r=mysql_fetch_array($result)){
    echo "<option value=".'$i'.">";
    echo $r['nombre'];
    echo "</option>";
    $i++;
    }
    ?>
  </select>
  <br/>
  <input type="submit" value="enviar" />
</form>
 

alguien podria darme una ayudita para resolver esa ulima parte?.