Foros del Web » Programando para Internet » Jquery »

Validar Form con Jquery Validate

Estas en el tema de Validar Form con Jquery Validate en el foro de Jquery en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 03/04/2013, 12:20
Avatar de christianrojmag  
Fecha de Ingreso: marzo-2013
Ubicación: Oaxaca, Mexico
Mensajes: 15
Antigüedad: 11 años, 8 meses
Puntos: 0
Exclamación Validar Form con Jquery Validate

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

Etiquetas: html, php
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 17:39.