有没有办法阻止此代码继续运行？

Question

我正在尝试使用jquery对话框作为确认按钮。就我而言，我正在货运中收集两个数据。这是“总计件”和“尺寸件”。有时计件数不匹配，我需要请用户确认他们对此没问题。因此，应停止执行表单提交。这可以与Javascript'Confirm'一起很好地工作，但是当我切换到使用jquery UI对话框时，即使我添加了modal：true也继续执行代码，即执行var R = true行。 （我将其添加进行测试）。

$( "#dialog-confirm-pieces" ).dialog({
  title:"Pieces count mis-match",   
  autoOpen:false,
  modal:true,
  resizable: false,
  height: "auto",
  width: 400,
  open: function() {         
      var markup = 'Piece mis-match';                                 
      $(this).html(markup);
    },  
  buttons: {
    "Confirm pieces mis-match": function() {
      $( this ).dialog( "close" );
    },
    Cancel: function() {
      $( this ).dialog( "close" );
     return;
    }
  }
});

    //later in the code
    if ($("#f1").valid()){  
    if (pieces_with_dimensions !== total_pieces ){
       $("#dialog-confirm-pieces").dialog("open");      
    var r = true
    }

我希望对话框弹出并停止执行代码。实际发生的是执行下一行代码，并出现下一个弹出窗口，然后在其后出现上面的弹出窗口。