El tema es el siguiente si cargo la pagina del formulario independientemente en el navegador la validacion funciona de maravilla. Pero cuando desde mi pagina principal pretendo verificar las validaciones no pasa nada. Sin embargo el formulario tiene toda su funcionalidad intacta.
Mi JS:
Código:
Mi pagina principal con los dos divs:var xmlHttp function objetoAjax() { xmlHttp = null; try { xmlHttp = new XMLHttpRequest(); } catch (e) { try { xmlHttp = new ActiveXObject('Msxml2.XMLHTTP'); } catch (e) { xmlHttp = new ActiveXObject('Microsoft.XMLHTTP'); } } if (xmlHttp == null) {alert('Su navegador web no soporta tecnologias Ajax'); } return xmlHttp; } function MostrarPagina(pagina, capa){ cont = document.getElementById(capa); ajax=objetoAjax(); ajax.open("GET", pagina); ajax.setRequestHeader("Content-Type","application/x-www-form-urlencoded"); cont.innerHTML= '<div align="center"><img src="ajax.gif">CARGANDO DATOS...</div> '; ajax.onreadystatechange = function(){ if (ajax.readyState == 4 && ajax.status == 200 ) { cont.innerHTML = ajax.responseText; } } ajax.send(null); }
Código:
...... <script language="javascript" type="text/javascript" src="../inc/livevalidation/livevalidation.js" ></script> function accionrow(numero_chk){<!--// FUNCION PARA LLAMAR A EL Form POR ;--> MostrarPagina('form.php?id='+numero_chk, "contenido"); } .... <section id="principal"> <section id="cuerpo"> <div id="tabla"> <?php // Print the table echo "". EyeDataGrid::useAjaxTable(); ?> </div> <div id="botones"> </div> <div id = "contenido"> <p align="center">Seleccione un checklist de la tabla superior para Completar y Firmar. </p> </div> </section> </section> ...
y finalmente el formulario:
Código:
Si alguien puede ayudarme a hacer que estas validaciones funcionen luego de argar el contenido con ajax lo agradeceria. <form name="ing_form" method="post" action="guardar.php" id ="ing_form" enctype="multipart/form-data"> <div class="titgrande" align="center">Checklist para el seguimiento de la revisión de un contrato considerado especial por la dirección.<br> </div> <table width="100%" border="0"> <tr> <td> <div class="bod">Checklist Nº: <?php echo "".$_SESSION["n_row_chk"];?> </div> </td> </tr> <tr> <td class="bod">Observaciones: </td> <td><textarea name="comentarios" id="comentarios" rows="6" cols="50"></textarea></td> </tr> <tr> <td class="bod">Listado de componentes: </td> <td><input name="chk_componentes" id="chk_componentes" type="file" size="50" ></td> </tr> <tr> <td height="23"> </td> <td> </td> </tr> ....... <tr> <td height="23"> </td> <td><input type="submit" name="Submit" value="Guardar" > </td> </tr> </table> </form> <script> var f1 = new LiveValidation ( 'comentarios'); f1.add(Validate.Presence); var f2 = new LiveValidation('chk_componentes'); f2.add(Validate.Presence); f2.add( Validate.Inclusion, { within: [ '.pdf' ], partialMatch: true, failureMessage: 'Solo se aceptan Archivos PDF' } ); </script>