Saludos amigos del foro, tengo un problema al tratar de validar con el plugin Jquery Validate, al momento de dar clic en guardar deberia mostrarme los mensajes de que los campos no estan rellenados pero no hace nada, les muestro como esta mi formulario
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> a continuacion mi script para validar el formulario
Código:
<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>
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
