Foros del Web » Programando para Internet » Javascript »

Ajax y validaciones live

Estas en el tema de Ajax y validaciones live en el foro de Javascript en Foros del Web. Buenas gente les comento mi problema. Tengo un archivo html con dos divs "tabla" y "contenido". Al seleccionar un row de una de las tablas ...
  #1 (permalink)  
Antiguo 12/11/2013, 07:40
 
Fecha de Ingreso: noviembre-2013
Mensajes: 2
Antigüedad: 10 años, 4 meses
Puntos: 0
Ajax y validaciones live

Buenas gente les comento mi problema. Tengo un archivo html con dos divs "tabla" y "contenido". Al seleccionar un row de una de las tablas llamo a una funcion que trae mediante AJAX el contenido de otra pagina. Para ello uso responseTex. Y dicho contenido es cargado en el div "contenido" con innerHTML. Esta segunda pagina en cuestion es un formulario cuyos campos los valido con la libreria Livevalidation, los cuales al perder el foco son validados colocando ok o el requerimiento del caso.

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:
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);
}
Mi pagina principal con los dos divs:
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:
<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&oacute;n de un contrato considerado especial por la direcci&oacute;n.<br>
        </div>

        <table width="100%" border="0">
			<tr>
			  <td>
			  	<div class="bod">Checklist N&ordm;: &nbsp; <?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">&nbsp;</td>
            <td> </td>
          </tr>
		
          .......
		  <tr>
		    <td height="23">&nbsp;</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>
Si alguien puede ayudarme a hacer que estas validaciones funcionen luego de argar el contenido con ajax lo agradeceria.

Etiquetas: ajax, dom
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 00:56.