Touch UI dialog validation - 6.3

[jdawyers]

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.

[arunpatidar · Accepted solution]

Hi,

Which version are you using? I tried your code in 6.3

Its working as expected.

"when the submit button of the form is clicked, the invalid input dialog shows up and after clicking on cancle button in invalid input dialog, I sent back to dialog of the component."

Thanks

Arun

[jdawyers]

I'm using 6.3. Must be something with my instance. I'll try a fresh one. Thanks!

[riteshm19780411]

This is not working for submit dialog of page properties in 6.4.