Ver Mensaje Individual
  #4 (permalink)  
Antiguo 13/12/2010, 11:57
Avatar de Freakme
Freakme
 
Fecha de Ingreso: julio-2007
Ubicación: Portugalete
Mensajes: 97
Antigüedad: 17 años, 3 meses
Puntos: 0
Respuesta: validar varios campos con jquery.validate

¡Buenas tardes, alfcm!
Primero quiero darte las gracias por responder, pero tengo que decirte que he hecho una prueba con el código que me has pasado y no me funciona.

Código:
<html>
<head>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="jquery.min.js"></script>
<script type="text/javascript" src="jquery.validate.js"></script>

<script type="text/javascript">
$("#frmproducto_edit").validate(
            {
            rules:{descripcion:'required',precio:'required',stock:'required'},
            messages:{descripcion:{required:'Campo Obligatorio'},
                      precio:{required:'Campo Obligatorio'},
                      stock:{required:'Campo Obligatorio'}
                     },
            success: "valid",
            error:"error" 
            }
        );
</script>
<style>
label.error {
        background: url('http://dev.jquery.com/view/trunk/plugins/validate/demo/images/unchecked.gif') no-repeat;
        padding-left: 16px;
        margin-left: .3em;
    }
    label.valid {
        background: url('http://dev.jquery.com/view/trunk/plugins/validate/demo/images/checked.gif') no-repeat;
        display: float;
        width: 16px;
        height: 16px;
    }
</style>
</head>
<body>
<form name="frmproducto" id="frmproducto">
        <table>
            <tr><td>Descripcion</td>
                <td><input type="text" name="descripcion" id="descripcion" /></td></tr>
            <tr><td>Precio</td>
                <td><input type="text" name="precio" id="precio" /></td></tr>
            <tr><td>Stock</td>
                <td><input type="text" name="stock" id="stock" /></td></tr>
            <tr><td><input type="submit" name="grabar" id="grabar" value="GRABAR" /></td>
            </tr>
        </table>
        </form>
      </body>  
        </html>
He hecho este archivo y no funciona, envía el formulario sin más, aún con los campos vacíos...

Gracias, un saludo :D