Jquery Ui dialog on form submit

Question

Я пытаюсь остановить jquery ui dialogs от всплывающих окон после того, как 1 условие выполнено на форме submit. Один диалог за событие - это то, что я ищу. Вид прерывания, если условие выполнено. В настоящее время все диалоги появляются после закрытия. Я попробовал stopPropagation и stopImmediatePropagation без эффекта. Мой код следующим образом:

$('#myForm').on('submit',function(e){ 
    if ($("#tramA").is(':checked') && !$('.tramAChecked:checked').length) { 
        $("#tramA-message").dialog({ 
        modal: true, 
     draggable: false, 
     resizable: false, 
     buttons: { 
     Ok: function() { 
      $(this).dialog("close"); 
     } 
     } 
}); 
e.preventDefault(); 
} 

    if ($("#tramB").is(':checked') && !$('.tramBChecked:checked').length) { 
    $("#tramB-message").dialog({ 
        modal: true, 
     draggable: false, 
     resizable: false, 
     buttons: { 
     Ok: function() { 
      $(this).dialog("close"); 
     } 
     } 
}); 
e.preventDefault(); 
} 
}); 

HTML:

<div id="tramB-message" title="Warning"> 
    <p> 
    <span class="ui-icon ui-icon-alert" style="float:left; margin:3px 7px 50px 0;"></span> 
    You selected "Tram B hall" but did not select a tram option! 
    </p> 
    </div> 
    <div id="tramA-message" title="Warning"> 
    <p> 
    <span class="ui-icon ui-icon-alert" style="float:left; margin:3px 7px 50px 0;"></span> 
    You selected "Tram A hall" but did not select a tram option! 
    </p> 
    </div> 

Answer 1

изменения e.preventDefault(); вернуть false; сделал трюк.