Wie löst man ein JQuery-Versprechen basierend auf der Benutzereingabe

Question

Ich habe diesen Code, dessen Ergebnis entweder als gelöstes oder abgelehntes Versprechen zurückgegeben werden soll.

var runChecks = function(hasClickId, maxClicksModeIsNotOff) { 
    var dfd = $.Deferred(); 

    clickIdCheckPassed = hasClickId; // equals false 
    maxClicksCheckPassed = maxClicksModeIsNotOff; // equals false 

    if (!clickIdCheckPassed) { 
     clickIdCheckPassed = runClickIdCheck(); 
    } 

    if (!maxClicksCheckPassed) { 
     maxClicksCheckPassed = runMaxClicksCheck(); 
    } 

    if (maxClicksCheckPassed && clickIdCheckPassed) { 
     dfd.resolve('Resolved'); 
    } else { 
     dfd.reject('rejected'); 
    } 

    return dfd.promise(); 
}; 

Funktionen runClickIdCheck() und runMaxClicksCheck() collect Benutzereingaben und basierend auf ihr lag, bringe entweder true oder false. Wenn beiden resultierenden Werte true sind, soll ich das Versprechen lösen, sonst sollte es verworfen werden - daher die bedingten:

if (maxClicksCheckPassed && clickIdCheckPassed) { 
    dfd.resolve('Resolved'); 
} else { 
    dfd.reject('Rejected'); 
} 

Allerdings ist das Problem, dass der Code nicht für die Benutzereingaben warten und jedes Mal, wertet die Versprechen als "abgelehnt", noch bevor der Benutzer irgendeine Eingabe gegeben hat.

Als Referenz ist dies, wie runClickIdCheck Funktion wie folgt aussieht:

var runClickIdCheck = function() { 
    bootbox.confirm('Are you sure?', function(result) { 
     if (result) { 
      return true; 
     } 
    }); 
    return false; 
}; 

Wie ich diesen Code machen kann wie erwartet verhalten, so dass ich das Versprechen zu ‚lösen‘ zu bewerten nur, wenn die Funktionen abhängig von Benutzereingaben beide sind wahr?

Edit:

Das erwartete UI Verhalten ist, dass das Formular nur abgegeben werden, wenn der Benutzer zweimal den Dialog bestätigt:

$form.submit(function(e) { 
    e.preventDefault(); 
    $.when(runChecks(hasClickId, maxClicksModeIsNotOff)).then(
     function(status) { 
      $form.submit() 
     }, 
     function(status) { 
      return false; 
     } 
    ); 
} 

Aus diesem Grund dachte ich, das Versprechen inteface das tun würde, Job. Das Versprechen sollte gelöst werden, wenn runClickIdCheck() und runMaxClicksCheck() zu true ausgewertet werden.

Answer 1

Während ist es möglich,, um diese Arbeit mit $.Deferred() machen, bezweifle ich, dass es sich lohnt.

Ich habe vor dem Schreiben des folgenden Codes eine auf Versprechen basierende Lösung implementiert und es stellte sich heraus, dass sie viel länger und viel weniger klar ist, als nur den Callback-basierten Ansatz zu verwenden, den bootbox bietet.

Halten Sie es einfach.

$("#form").submit(function (e) { 
    var self = this; 

    e.preventDefault(); 

    bootbox.confirm('Question 1', function (confirmed1) { 
     if (!confirmed1) return; 

     bootbox.confirm('Question 2', function (confirmed2) { 
      if (!confirmed2) return; 

      $.post(self.action, $(self).serialize()).done(function (data) { 
       // Ajax post has finished successfully 
      }); 
     }); 
    }); 
});