Ver Mensaje Individual
  #1 (permalink)  
Antiguo 06/08/2011, 06:40
Matracca
 
Fecha de Ingreso: agosto-2011
Mensajes: 2
Antigüedad: 12 años, 9 meses
Puntos: 0
No me funciona plugin validate() de jquery en div de ajax

Hola a todos;
tanto tiempo ayudandome y ahora tengo que exponer un tema de ayuda.
Tengo un enlace que hago con ajax:
<a href=javascript:Menu10('usuario.php','resultado2') >

<script type='text/javascript'>
function ajaxFunction3() {
var xmlHttp;
try {
xmlHttp=new XMLHttpRequest();
return xmlHttp;
} catch (e) {
try {
xmlHttp=new ActiveXObject('Msxml2.XMLHTTP');
return xmlHttp;
} catch (e) {
try {
xmlHttp=new ActiveXObject('Microsoft.XMLHTTP');
return xmlHttp;
} catch (e) {
alert('Tu navegador no soporta AJAX!');
return false;
}}}
}
function Menu10(_pagina,capa) {
var ajax;
ajax = ajaxFunction3();
elem0=document.getElementById('icon');
elem0.style.display='none';
document.getElementById(capa).innerHTML = '<p align=center><img src=images/loading.gif vspace=50 hspace=20/>Procesando2...</p>';
ajax.open('POST', _pagina, true);
ajax.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');

ajax.onreadystatechange = function() {
if (ajax.readyState==1){
document.getElementById(capa).innerHTML = '<p ><img src=images/loading.gif vspace=50 hspace=200 />Procesando...</p>';
}
if (ajax.readyState == 4) {
document.getElementById(capa).innerHTML=ajax.respo nseText;

}}
ajax.send(null);

}

esta se muestra un formulario (usuarios.php) , en el div resultado2.

El formulario(simplificado) es el siguiente:

<form id='f2' name='f2' action='' onsubmit='Mas(); return false' style='margin:2'>
<input type='text' class='nueva' size='12' name='tipo' id='tipo' value='".$tipo."'>
<input type='text' class='required' size='12' name='usuariocuenta' value='".$usuariocuenta."'
id='usuariocuenta' <button type='submit' name='submit' id='submit' style='border: 0; background-color:#31438b ; cursor:hand ;margin:0 0 2 0'>
<img src='images/3.png' alt='Grabar' width='17' height='17' border='0' ></button></form>

y una funcion jquery de validacion que no me funciona

<script type='text/javascript'>
$(document).ready(function() {
$('#f2').validate();
});
</script>

antes cargo el archivo js correspondiente , esta fincion la saque de :
http://bassistance.de/jquery-plugins/jquery-plugin-validation/

el tema es que si el formulario lo coloco normalmente sin pasar por la funcion de ajax me lo valida correctamente , pero asi no hay forma que lo logre hacer , no se si me explique bien , creo que el problema esta en la llamada a la funcion jquery que creo que al pasar por ajax no me la toma no se si colocandola de otra forma , es que no se como hacerlo y estoy estancado.
Por cierto uso el debug de ie y no me muestra el script cuando cargo el formulario , hay algun depurador que lo haga?
Gracias por la ayuda