Hola utilizo la libreria jQuery validate , para validar mi formulario y getJson lo utilizo en combos dependedientes, pero si ejecuto validate.min.js con getJson , no me muestra nada en los combos , y si quito validate.min.js me muestra los combos . Estoy programando en MVC .
Mi formulario es este ....
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta name="keywords" content="" />
<meta name="description" content="" />
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Registra Empleado</title>
<!--Script Validacion-->
<script src="<%=request.getContextPath()%>/jsvalidacion/jquery.js" type="text/javascript"></script>
<script src="<%=request.getContextPath()%>/js/validacion/validate.min.js" type="text/javascript"></script>
<script src="<%=request.getContextPath()%>/js/validacion/init_1.js" type="text/javascript"></script>
<script type="text/javascript">
//Observese que la respuesta viene del servlet Paises
$.getJSON("Departamentos",
function(data){
$.each(data.Departamentos, function(i,item){
$("#cboDepartamento").append("<option value='"+item.id+"'>"+item.TNAME+"</option>");
});
});
$(function(){
//evento change parececido al onchange de javascript que cambia al seleccionar los Paises
$("#cboDepartamento").change(function(){
//Observese que la respuesta viene del servlet Ciudades
$.getJSON("Funciones",{
//evaluar el id de paises
id: $(this).val(),
ajax: 'true'
},
function(data){
//limpiar el option value
$("#cboFunciones").html("");
$.each(data.Funciones, function(i,item2){
$("#cboFunciones").append("<option value='"+item2.id+"'>"+item2.nombre+"</option>");
});
});
});
});
</script>
-->
</head>
<body>
<div id="divWrapper">
<div id="divLogo">
</div>
<div id="divInicial">
<h1></h1>
<p><h1> </h1>
</div>
<div id="divHeader">
<div id="divMenu">
<ul class="ddmarkermenu">
<a href="<%=request.getContextPath()%>/jsp/index.jsp" ><img src="<%=request.getContextPath()%>/imagenes/home.png" onclick="index.jsp" alt="Home" title="Home" height="70px" width="60px"></a><br>
<img src="<%=request.getContextPath()%>/imagenes/alta.png" onclick="RegistraEquipo.jsp" alt="Registra Empleado" title="Registra Empleado" height="30px" width="30px"><a href="<%=request.getContextPath()%>/jsp/empleado/RegistraEmpleado.jsp"> Registra Empleado</a><br>
<img src="<%=request.getContextPath()%>/imagenes/Search-5.png" onclick="ConsultaEquipo.jsp" alt="Consulta Empleado" title="Consulta Empleado" height="30px" width="30px"> <a href="<%=request.getContextPath()%>/jsp/empleado/ConsultaEmpleado.jsp">Consulta Empleado</a><br>
<img src="<%=request.getContextPath()%>/imagenes/ACTUALIZAR1.png" onclick="ModificarEquipo.jsp" alt="Modifica Empleado" title="Modifica Empleado" height="25px" width="25px"><a href="<%=request.getContextPath()%>/jsp/empleado/ModificaEmpleado.jsp"> Modificar Empleado</a><br>
<img src="<%=request.getContextPath()%>/imagenes/eliminar.jpg" onclick="BajaEquipo.jsp" alt="Elimina Empleado" title="Elimina Empleado" height="30px" width="25px"> <a href="<%=request.getContextPath()%>/jsp/empleado/BajaEmpleado.jsp"> Baja Empleado</a><br>
</ul>
</div>
<div>
<span>
<%out.println((request.getAttribute("mensaje") != null) ? request.getAttribute("mensaje") : "");%>
</span>
</div>
<div id="gallery" class="classGallery">
<form id="form" class="blocks" name="form" action="<%=request.getContextPath()%>/CtrlEmpleado" method="post">
<fieldset title="Alta Empleado" style="background-color: #D6D5D5" class="classAlta">
<legend><h2>Alta Empleado</h2></legend>
<table>
<tr>
<tr>
<p>
<label>RFC </label>
<input type="text" class="textA" id="rfc" name="txtRfc" maxlength="13"/>
</p>
</tr>
<tr>
<p>
<label>Nombre Completo</label>
<input type="text" class="textA" id="nombreCom" name="txtNombreCom" maxlength="80"/>
</p>
</tr>
<tr>
<p>
<label>Plaza </label>
<input type="text" class="textA" id="plaza" name="txtPlaza" maxlength="13"/>
</p>
</tr>
<tr>
<p>
<label>Origen de Plaza </label>
<select class="text" name="cboOrigen" id="cboOrigen" >
<option selected value="">Seleccione Origen de Plaza</option>
<option value="estatal">Estatal</option>
<option value="federal">Federal</option>
</select>
<p>
</tr>
<tr>
<p>
<label>Tipo de Plaza </label>
<select name="cboTipo" class="text" id="cboTipo" onblur="validaTipo(this.value);">
<option selected value="" >Seleccione Tipo Plaza</option>
<%
List<Politica> politicas = new ArrayList<Politica>();
Politica politica = null;
try {
politicas = new DAOPolitica().getAll();
} catch (Exception ex) {
out.print("ERROR:" + ex.getMessage());
System.out.println("ERROR: " + ex.getMessage());
}
Politica pol = (Politica) (request.getAttribute("politica"));
for (int i = 0; i < politicas.size(); i++) {
%>
<option value="<%out.print(politicas.get(i).getTipo());%>" <%if ((pol != null) && (pol.getTipo().equals(politicas.get(i).getTipo())) ) {
out.print("selected");
}%>>
<%out.print(politicas.get(i).getTipo());%>
</option>
<%}%>
</select>
</p>
</tr>
<tr>
<p>
<label>Departamento </label>
<select name="cboDepartamento" class="text" id="cboDepartamento" class="select" >
<option selected="selected" value="">Seleccione Departamento</option>
</select>
</p>
</tr>
<tr>
<p>
<label>Funcion </label>
<select name="cboFunciones" class="text" id="cboFunciones" class="select">
<option selected="selected" value="">Seleccione Funcion</option>
</select>
</p>
</tr>
<tr>
<p align="center">
<input type="submit" class="btn" value="Guardar" name="accion">
</p>
</tr>
</table>
</fieldset>
</form>
</div>
</div>
</div>
<br>
</body>
</html>