Problema Submit Jquery y Mozilla 5

migleor · #1 (**permalink**) 29/07/2011, 14:30

Hola amigos, busque por todas partes y no encontre solución a mi problema, recurro a ustedes para ver que es lo que pasa con mi problema:

Estoy realizando una intranet que consta de una pagina principal y varias subpaginas que se van cargando en un <div> de la pagina principal mediante la función "load", hasta ese momento todo funciona bien, los formularios los envió por métodos jquery ajax en el cual paso los parámetros, el problema surge cuando en uno de los módulos a desarrollar tengo que hacer un upload de archivos, como no se como se hace con ajax y jquery decidí hacerlo de la manera tradicional enviando los datos con el evento onsubmit del formulario, pero ohh sorpresa cuando hago submit en mozilla el navegador me carga el action del form pero no me pasa ningún dato, en cambio en chrome y en iexplorer si viajan los datos a la siguiente pagina, alguien tiene idea de por que pasa esto?.

*Nota: ya lo probe en otro equipo y pasa igual, tambien desinstale la version de mozilla y sigue el problema.

maycolalvarez · #2 (**permalink**) 30/07/2011, 20:10

1 - javascript no tiene acceso al IO, por lo tanto no puedes subir archivos con AJAX

2 - muestra-nos el código, puede ser debido a una etiqueta rota

migleor · #3 (**permalink**) 01/08/2011, 07:37

Cita:

Iniciado por maycolalvarez

1 - javascript no tiene acceso al IO, por lo tanto no puedes subir archivos con AJAX

2 - muestra-nos el código, puede ser debido a una etiqueta rota

Gracias por responder aqui te dejo el código, cabe anotar que en esta pagina no se invocan las librerias de jquery por que como explique al comienzo esta pagina se carga desde un load.

Código PHP:

  <?php 
session_start(); 
include("clases/clase_principal.class.php"); 
$clase = new MySql; 
?> 
<html> 
<head> 
<script> 
$(document).ready(function(e) { 
    $('#envio').click(function(e) { 
        $('#casos').submit(); 
    }); 
}); 
</script> 
</head> 
<body> 
<table width="100%"> 
<form name="casos" id="casos" action="addData.php" method="post"> 
    <tr> 
        <td align="center"><br><br><br><input type="text" name="dato" id="dato" ></td> 
    </tr> 
    <tr> 
        <td><input type="button" name="envio" id="envio" value="enviar"></td> 
    </tr> 
</form> 
</table> 
</body> 
</html>

migleor · #4 (**permalink**) 01/08/2011, 08:57

Me respondo a mi mismo lo unico que hice fue lo siguiente agregué el argumento form a cada uno de los campos de mi formulario para que en el momento de hacer el envío el sistema lo reconociera talvez por que como esta es una pagina cargada por load tiene algún tipo de conflicto, por ende los campos quedan asi:

antes:

Código HTML:

Ver original<input type="text" name="dato" id="dato" >
<input type="submit" name="qqq" id="qqqq" value="Enviar">

despues:

Código HTML:

Ver original<input type="text" name="dato" id="dato" form="casos" >
<input type="submit" form="casos" name="qqq" id="qqqq" value="Enviar">