jQuery JavaScript wird nicht richtig/falsch zurückgegeben

Question

Ich habe diesen Code geschrieben, um eine Eingabeaufforderung anzuzeigen, bevor ein Formular gesendet wird. Wenn der Wert der Formulareingabe größer als 100 ist, wird ein Dialogfeld angezeigt, in dem der Benutzer ungefähr darüber informiert wird, wie lange die Verarbeitung dauert. Wenn sie auf "OK" klicken, sollte sie "true" zurückgeben und das Formular senden. Wenn sie auf "Abbrechen" klicken, sollte sie "false" zurückgeben und das Formular nicht senden.

Das Problem ist, dass das Formular nicht auf diese Antwort wartet, es wird trotzdem übermittelt. Ich kann nicht herausfinden, was los ist ...

Hier ist der Code:

$(document).ready(function() { 
    $("form#generate_vouchers").submit(function(){ 
    if($("input#quantity").val() > 100){ 
     var warning = "It will take around " + Math.round(($("input#quantity").val()/23)) + " seconds to generate this batch.<br />Generation will continue even if you leave this page."; 
     //Does around 23 codes per second, nearly all of that time is inserts. 
     $('<div title="Batch information"></div>').html(warning).dialog({ 
      draggable: false, 
      modal: true, 
      minWidth: 350, 
      buttons: { 
       "Cancel" : function() { 
        $(this).dialog("close"); 
        return false; 
       }, 
       "Yes": function() { 
        $("input#submit").hide(300, function(){ 
         $("img#loader").show(300); 
        }); 
        return true; 
       } 
      } 
     }); 
    } 
    else{ 
     $("input#submit").hide(300, function(){ 
      $("img#loader").show(300); 
     }); 
    } 
    }); 
}); 

Answer 1

einen Dialog angezeigt nicht die Ausführung stoppen und warten, bis es geschlossen ist. Ihre Sendefunktion wird fortgesetzt und die return true und return false tun nichts.

Was Sie tun müssen, ist das Formular sofort zu stoppen (mit e.PreventDefault unten), dann in der Yes Rückruf senden Sie das Formular erneut.

$("form#generate_vouchers").submit(function(e){ 
if($("input#quantity").val() > 100){ 
    e.preventDefault(); // stop submit 
    var warning = "It will take around " + Math.round(($("input#quantity").val()/23)) + " seconds to generate this batch.<br />Generation will continue even if you leave this page."; 
    //Does around 23 codes per second, nearly all of that time is inserts. 
    $('<div title="Batch information"></div>').html(warning).dialog({ 
     draggable: false, 
     modal: true, 
     minWidth: 350, 
     buttons: { 
      "Cancel" : function() { 
       $(this).dialog("close"); 
      }, 
      "Yes": function() { 
       $("form#generate_vouchers")[0].submit(); // submit form manually 
       $("input#submit").hide(300, function(){ 
        $("img#loader").show(300); 
       }); 
      } 
     } 
    }); 
} 
else{ 
    $("input#submit").hide(300, function(){ 
     $("img#loader").show(300); 
    }); 
} 
}); 

Beispiel - http://jsfiddle.net/infernalbadger/ajRr7/