Foros del Web » Programando para Internet » Jquery »

Jquery form plug in

Estas en el tema de Jquery form plug in en el foro de Jquery en Foros del Web. alguien ha utilizado este plug in?.. necesito ayuda.. he estado buscando pero no le encuentro el lio, estoy haciendo formularios dinamicos, y mediante el plug ...
  #1 (permalink)  
Antiguo 01/08/2012, 15:15
 
Fecha de Ingreso: marzo-2006
Mensajes: 137
Antigüedad: 18 años, 8 meses
Puntos: 0
Jquery form plug in

alguien ha utilizado este plug in?.. necesito ayuda.. he estado buscando pero no le encuentro el lio, estoy haciendo formularios dinamicos, y mediante el plug in subir archivos. pero al presionar el boton de submit me hace postback en la pagina, posteo el codigo:


Código PHP:
var submitForm document.createElement("FORM");     
    
 var 
siguiente=document.getElementById('TablaArchivos').getElementsByTagName("tbody")[0].getElementsByTagName('tr').length;
  var 
tr=document.createElement('tr');
         
tr.id="tr"+parseInt(siguiente);
         
submitForm.id="form_"+parseInt(siguiente);
         
//submitForm.id="form0";
         
submitForm.action="../Archivos/ajaxar.ashx";
         
submitForm.method="post";
         
submitForm.enctype="multipart/form-data";
  var 
td1=document.createElement('td');
  var 
txt1=document.createElement('input');
        
txt1.type="file";
        
txt1.id="arch"+parseInt(siguiente);
        
txt1.style.width="450px";
        
td1.appendChild(txt1); 
  var 
txt2=document.createElement('input');
        
txt2.type="submit";
        
txt2.id="subir"+parseInt(siguiente);
        
txt2.value="Subir";        
        
txt2.onclick=function()
        {
       
            
subir('#'+submitForm.id);                             
        }        
        
td1.appendChild(txt1); 
        
td1.appendChild(txt2); 
        
    
td1.appendChild(submitForm); 

esto es lo del plug in

Código PHP:
function subir(id)
{


 
$(
id).ajaxForm({
    
beforeSend: function() {
    
alert('test');
    },
    
uploadProgress: function() {
    
alert(id);

    },
    
complete: function(xhr) {
        
status.html(xhr.responseText);
    }
}); 



agradeceria mucho la ayuda!!...
__________________
__Neurotic-Developer....:::: La unica limitacion de la programacion, es el programador.
  #2 (permalink)  
Antiguo 01/08/2012, 16:06
Avatar de Dradi7  
Fecha de Ingreso: junio-2008
Ubicación: Peru - Lima
Mensajes: 1.518
Antigüedad: 16 años, 5 meses
Puntos: 220
Respuesta: Jquery form plug in

Aclarar siempre que ajax no puede realizar el envio de formularios de tipo multipart/form-data si quieres enviar archivos puedes usar el mismo submit del formulario o otras tecnológicas como Flash
__________________
La clave de todo triunfador es eliminar todas sus excusas y sus limitaciones
  #3 (permalink)  
Antiguo 01/08/2012, 16:10
 
Fecha de Ingreso: marzo-2006
Mensajes: 137
Antigüedad: 18 años, 8 meses
Puntos: 0
Respuesta: Jquery form plug in

este es el plug in que utilizo

-->http://malsup.com/jquery/form/#file-upload
__________________
__Neurotic-Developer....:::: La unica limitacion de la programacion, es el programador.
  #4 (permalink)  
Antiguo 01/08/2012, 16:20
Avatar de Dradi7  
Fecha de Ingreso: junio-2008
Ubicación: Peru - Lima
Mensajes: 1.518
Antigüedad: 16 años, 5 meses
Puntos: 220
Respuesta: Jquery form plug in

Bueno aclarando solo las navegadores modernos que soportan tanto HTML5 y XMLHttpRequest2 van a poder hacer la realización a través de ajax el envió de archivos.

En cuanto a tu problema siempre en todo formulario debes evitar la realizacion del submit para esto debes poner return false en tu funcion subir al final debes ponerle subir return false
__________________
La clave de todo triunfador es eliminar todas sus excusas y sus limitaciones

Etiquetas: ajax, formulario, html, input, plug, botones
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 09:33.