Vykonanie submit() po preventDefault

maťo* · Napísal maťo*: 12.02.2014 14:41

Zdravím, mám problém s odoslaním formulára po zavolaní funkcie preventDefault(). Niekde robím určite chybu. Mám klasický formulár, po kliknutí na submit button chcem aby sa zobrazilo okno s informácia a po 10 sekundách sa odoslal formulár. Mám to napísané takto:

HTML

Kód:

<form method="post" id="create-budget">
     ...
     <input type="submit" value="Vypočítať" name="make-budget">
</form>

Jquery

Kód:

// zobrazenie vyskakovacie okna
var showPopup = function() {
  $('#pop-up').fadeIn('slow);
  $('#container').css('opacity','0.6');
  return true;
}

// skrytie vyskakovacieho okna
var hidePopup = function() {
  $('#pop-up').fadeOut('slow);
  $('#container').css('opacity','1');
  return true;
}

// po kliknutí na submit button
$('#create-budget').submit(function(e) {
  e.preventDefault();
  
  // zobrazit okno
  showPopup();
  // po 10 sekundach zatvorit
  setTimeout(function() { hidePopup(); }, 10000);

  // odoslat formulár
  $(this).submit();
});

Predpokladám, že pri volaní $(this).submit() sa zasa dostanem na začiatok a znovu odoslanie formulára zablokuje funkcia preventDefault(). Vyskúšal som pred posledný riadok napísať ešte $(this).unbind('submit') ale formulár sa taktiez neodoslal. Ďakujem za každú radu.

hatto13 · Napísal **hatto13**: 12.02.2014 16:03

skus takto. ten submit som vlozil ako callback, aby sa volal az vo funkcii hidePopup. vyskusaj, pripadne skus tam vlozit nejaky console.log.

Kód:

// zobrazenie vyskakovacie okna
var showPopup = function() {
  $('#pop-up').fadeIn('slow');
  $('#container').css('opacity','0.6');
  return true;
}

// skrytie vyskakovacieho okna
var hidePopup = function(cb) { // doplneny atribut - funkcia submitu
  $('#pop-up').fadeOut('slow', function() {
   $('#container').css('opacity','1'); // zmena opacity az po vykonani fadeOut
   cb();   // zavolanie submitu formulara
  return true;
  });

}

// po kliknutí na submit button
$('#create-budget').submit(function(e) {
 var $formular = $(this);
  e.preventDefault();
  
  // zobrazit okno
  showPopup();
  // po 10 sekundach zatvorit
  setTimeout(function() { 
      hidePopup(function() { 
          $formular.submit();  // posielam submit formularu, ktory je zavolany ako callback
      }); 
   }, 10000);

  // odoslat formulár
  
});

oprava: som chcel zvyraznit zmeny, ale ako je napisane nizsie, neda sa, tak hladaj

walther · Napísal **walther**: 12.02.2014 17:30

hatto, odstráň si ten bbcode z kódu, ako vidíš, pri code to nefunguje

Vykonanie submit() po preventDefault

Podobné témy