Form jquery da nascondere

[Manuelandro]

Ciao.

Ho un modulo in cui utilizzo jquery per varie cosucce più appetibili.
Quel che non riesco a fare però, è far sparire il modulo una volta che l'invio è riuscito con successo, e lasciare soltanto il risultato positivo (questo funziona).


così nella mia pagina script sono arrivato a queste righe

var v = jQuery("#validate_form").validate({
           submitHandler: function(form) {
           jQuery(form).ajaxSubmit({
           target: "#result"
                });

              }
	      
          });

e ci aggiunto una condizione con "hide", ma senza successo:

var v = jQuery("#validate_form").validate({
           submitHandler: function(form) {
           jQuery(form).ajaxSubmit({
           target: "#result"
                });
	              if(jQuery('#result').html()) {
                      jQuery("#validate_form").hide();
                  }

              }
	      
          });

Niente, non funziona.
Come posso fare?
grazie

[Manuelandro]

nisba? vabe

[mxa]

Non puoi fare cosi'.

Non ho mai usato il jquery form plugin (ajaxSubmit) ma la chiamata e' chiaramente asincrona. Questo significa che la funzione ajaxSubmit ritorna immediatamente, e nel momento in cui ritorna $('#result').html() e' ancora vuoto quindi non entri mai nell'if perche' l'espressione e' false.

Ripeto, mai usato il form plugin, ma penso che il codice giusto sia:

jQuery(form).ajaxSubmit({
  target: "#result"
  success: function() {
     if(jQuery('#result').html()) {
        jQuery("#validate_form").hide(); //se poi il form non serve piu' potresti anche usare remove() invece che hide()
     }
  }
});

[Manuelandro]

Originariamente inviato da mxa
Non puoi fare cosi'.

Non ho mai usato il jquery form plugin (ajaxSubmit) ma la chiamata e' chiaramente asincrona. Questo significa che la funzione ajaxSubmit ritorna immediatamente, e nel momento in cui ritorna $('#result').html() e' ancora vuoto quindi non entri mai nell'if perche' l'espressione e' false.

Ripeto, mai usato il form plugin, ma penso che il codice giusto sia:

jQuery(form).ajaxSubmit({
  target: "#result"
  success: function() {
     if(jQuery('#result').html()) {
        jQuery("#validate_form").hide(); //se poi il form non serve piu' potresti anche usare remove() invece che hide()
     }
  }
});

ciao, grazie della risposta.
Qualche cambiamento c'è stato in questo modo, ma non come speravo.
Nel senso che invece di ricevere i dati con ajax, dal form arrivo alla pagina php che elabora i dati.

[mxa]

prova a mettere un return false dopo la chiamata a ajaxSubmit. E' l'unica cosa che mi viene in mente da provare