Touch UI dialog validation - 6.3

I was just testing some dialog validation and no matter what I do the form always saves and closes.

(function (document, $, ns) {
    "use strict";
    
    $(document).on("click", ".cq-dialog-submit", function (e) {
        e.stopPropagation();
        e.preventDefault();
        ns.ui.helpers.prompt({
            title: Granite.I18n.get("Invalid Input"),
            message: "Invalid input.",
            actions: [{
                id: "CANCEL",
                text: "CANCEL",
                className: "coral-Button"
            }],
            callback: function (actionId) {
                if (actionId === "CANCEL") {
                }
            }
        });
    });
    
})(document, Granite.$, Granite.author);

This is in the clientlibs of my component. My understanding is that when the submit button of the form is clicked, you will receive the invalid input dialog and be sent back to the dialog of the component. The Invalid Input dialog shows up, but the dialog of the component saves and closes.