no valida select

[kuroTenshi]

Buenas tardes tengo una consulta, hace poco empece con jquery y aun hay cosas que se me dificultan por ejemplo estoy validando mis formularios con jquery.validate.min.js pero no logro validar el select, como muestro en este codigo, estoy supestamente validando pero no me muestra ningun mensaje y envia el formulario como si fuera válido.

Código Javascript:

<script src="../js/jquery-1.3.2.js" type="text/javascript"></script>
<script src="../js/jquery.validate.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function()
{
$("#form1").validate
({
 rules : 
 {
    asociado: "required",
 },
messages:
 {
   asociado : "valor requerido"
 }
}
 );
      
});
</script>
 

Código HTML:

<select name="asociado" id="asociado">
< ?php /*codigo php en el cual obtengo la lista de asociados*/ ?>
</select> 

busqué la forma correcta de validarlo pero lo único que logre fue enredarme entendiendo absolutamente nada . podrían darme una manita por favor . Gracias

[hector2c]

Código PHP:

  <select name="asociado" id="asociado" class='required'> 
< ?php /*codigo php en el cual obtengo la lista de asociados*/ ?> 
</select>  
  

en el select prueba poniendole el campo class='required'

[hector2c]

solo vasta con esto:

Código PHP:

  $(document).ready(function(){ 
$("#form1").validate(); 
});  
   

asi te obligara a seleccionar un valor del select

Código PHP:

  <form action='javascript: alert(1);' name='form1' id='form1'> 
  <select class='required' id='combo' name='combo'> 
    <option value=""></option> 
    <option value="1">Campo 1</option> 
    <option value="2">Campo 2</option> 
  </select> 
</form>  
   

[kuroTenshi]

hice el cambio pero me cambio unas cosas que habia colocado y aun sin seleccionar agregaba. estos son los codigos que utilizo al mismo tiempo que el validate uso ese para mostrar y ocultar elementos cuando uso el class aparecen todos y no puedo ocultar y mostrar nada:

Código Javascript:

<script src="../js/jquery-1.3.2.js" type="text/javascript"></script>
<script src="../js/jquery.validate.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function()
{
$("#asociado").hide(),
$("#asociar").hide()
 $("#agregar").click(function(){
    $("#agregar").hide("slow"),
    $("#asociado").show("slow"),
    $("#asociar").show("slow")
    
    });
 
});
 
$(document).ready(function()
{
$("#form1").validate
({
 rules : 
 {
    asociado: "required",
 },
messages:
 {
   asociado : "valor requerido"
 }
}
 );
      
});
</script>
 

y este es el formulario que los contiene:

Código HTML:

<form id="form1" name="form1" method="post" action="agrega_asociado.php?id=<?php echo $idempresa;?>"
<table width="269" height="32" border="0" cellpadding="0" cellspacing="0" align="right">
    <tr>
    <td width="529"><select name="asociado" id="asociado" >
    <option>Seleccione</option>
 

Código PHP:

<?php 
    $Sql = "SELECT * FROM asociados";
    $result=mysql_query($Sql,$link);
    while($r=mysql_fetch_array($result)){
    echo "<option>";
    echo $r['nombre'];
    echo "</option>";
    }
    ?>
 

Código HTML:

</select></td>
          <td width="62"><input type="submit" name="asociar" id="asociar" value="Agregar" /></td>
          <td width="108"> <input type="button" name="agregar" id="agregar" value="A&ntilde;adir Asociado" /></td>
        </tr>
      </table>   
 </form>
 

Aqui tengo un boton añadi asociado que al ser presionado muestra el select con un boton agregar si le doy click al agregar no me debe permitir agregar sin que seleccione pero no valida y agrega aun asi si le coloco el class como mencionaste aparecen todos los elementos (ocultos y no ocultos) y no valida aun asi.

[kuroTenshi]

Despues de colocar el codigo que me colocaste

Código Javascript:

<script src="../js/jquery-1.3.2.js" type="text/javascript"></script><script src="../js/jquery.validate.min.js" type="text/javascript"></script><script type="text/javascript">
$(document).ready(function(){ 
$("#form1").validate(); 
});  
</script>
 

Código HTML:

<form action='javascript: alert();' name='form1' id='form1'> 
      <select class='required' id='combo' name='combo'> 
      <option value=""></option> 
      <option value="1">Campo 1</option> 
      <option value="2">Campo 2</option> 
    </select> 
    <input type="submit" name="button" id="button" value="Submit" />
</form>
 

y probarlo queria hacerte una consulta siempre muestra el alerta pero como hago para que salga solo en caso de que no haya seleccionado nada y como añado que cuando haya elegido una opcion me llame a una pagina que lo muestre lo que ha seleccionado?? .Gracias por tu atencion