Validaciones en javascript con validate.js

[ahome8990]

Hola; estoy empezando en javascript para validar y vi un script para validar pero no entendi mucho la validacion de formularios la parte de los checkbox radio y los select alguien me podria mostrar un ejemplo se los agradecería muchisimo la parte de los textfield y textarea es la que comprendo pero lo demas me confunde;estoy utilizando el validate.js.

[ahome8990]

Encontré este script pero solo para los select, sin embargo no puedo hacer que funcione

Código Javascript:

jQuery.validator.addMethod(   
   "selectNone",   
   function(value, element) {   
     if (element.value == "none")   
     {   
       return false;   
     }   
     else return true;   
   },   
   "Por favor seleccione una opcion."  
 );   
 
 
$(document).ready(function() {   
   $("#form1").validate({   
     rules: {   
       opciones: {   
         selectNone: true  
       }   
     },   
   });   
});
 

este es mi formulario

Código HTML:

<form id="form1" name="form1" method="post" action="mostrar.php">
 <table width="200" height="30" border="0" cellpadding="0" cellspacing="0" align="right">
    <tr>
    <td ><select name="opciones" id="opciones" >
    <option>Seleccione</option>
    <option>opcion1</option>
     <option>opcion2</option>
    </select></td>
    <tr>
    <td ><input type="submit" name="mostrar" id="mostrar" value="Mostrar Seleccion" />
    </td>
     </tr>
</table>
</form>
 

esta mal llamado o le falta algo?? o.o?

[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?.

[marcopoloaz06]

hOla, ps si no tienes mucha experiencia con los forms puedes leer esto para que te sirva de ref.:
http://librosweb.es/javascript/capit...elementos.html
la validación que tu quieres hacer es muy siemple no creo necesario el uso del validate.js
de todos modos lee eso
saludoss
:]