Código HTML:
<table> <form name="dispositivo" id="dispositivo"> <tr> <td height="27" colspan="2" align="center">NUEVO DISPOSITIVO</td> </tr> <tr> <td colspan="2" align="left" style="color:#F00;">Datos Generales</td> </tr> <tr> <td width="200">Seleccione el Dispositivo</td> <td width="278"><select style="width: 200px;" name="disp" id="disp"> <option selected="selected">Dispositivo...</option><?php while($row = mysql_fetch_array($consulta)){ echo "<option value=\"".$row['nombredispositivo']."\">".$row['nombredispositivo']."</option> \n"; } ?></select></td> </tr> <tr> <td>ID Dispositivo</td><td><input type="text" name="ideq" id="ideq" size="30" maxlength="10" onChange="conMayusculas(this)" ></td> </tr> <tr> <td>Numero de Inventario</td> <td><input type="text" name="numinv" id="numinv" size="30" maxlength="15" onChange="conMayusculas(this)"></td> </tr> <tr> <td>Numero de Serie</td><td><input type="text" name="nums" id="nums" size="30" maxlength="30" onChange="conMayusculas(this)" d></td> </tr> <tr> <td>Marca</td><td><input type="text" name="marca" id="marca" size="30" onChange="conMayusculas(this)"></td> </tr> <tr> <td colspan="2" align="left" style="color:#F00;">Especifico</td> </tr> <tr> <td>Sistema Operativo</td><td><select style="width:200px;" name="sistop" id="sistop"> <option selected="selected">Selecciona el SO...</option> <option value="Windows 8">NO TIENE</option> <option value="Windows 8">WINDOWS 8</option> <option value="Windows 7">WINDOWS 7</option> <option value="Windows Vista">WINDOWS Vista</option> <option value="Windoes XP">WINDOWS XP</option> <option value="Linux">Linux</option> </select></td> </tr> <tr> <td height="30">Estado del dispositivo</td><td><select style="width:200px;" name="estdisp" id="estdisp"> <option selected="selected">Selecciona el estado...</option> <option value="Nuevo">NUEVO</option> <option value="Regular">REGULAR</option> <option value="Malo">MALO</option> </select></td> </tr> <tr> <td height="72" align="center"> <input type="button" value="Guardar" /></td><td align="center"><input type="reset" value="Reset" name="borrar" id="button" /></td> </tr> </form> </table>
Código:
He de comentar que cambie mi <input type="button"> por <input type="submit"> y asi si hace la validacion, me manda los mensajes, pero yo lo requiero con tipo button ya que como se muestra en mi formulario lo ocupo para mandar los valores del form a mi funcion enviar_variables()...SALUDOS Y ESPERO PUEDAN AYUDARME A RESOLVER ESTE PROBLEMITA <script src="includes/jquery.js"></script> <script src="includes/jquery.validate.js"></script> <script> $(document).ready(function() { $("#dispositivo").validate({ rules: { disp: "required", ideq: "required", numinv: "required", nums: "required", marca: "required", sistop:"required", estdisp: "required" }, messages: { disp: "Seleccion un tipo de Dispositivo", ideq: "Ingresa un ID valido", numinv : "Ingresa un Num. de Inventario Valido", nums : "Ingresa un Num. de serie Valido", marca : "Ingresa una marca", sistop:"Selecciona un SO", estdisp:"Selecciona un Estado" } }); }); </script> <style> .error-message, label.error { color:#F00; margin:0; display: inline; font-size: 1em !important; font-weight:lighter; } </style>