formValidateFailed

Fired when the validateForms configuration option is set to true (default), and the validation of the Kendo UI Form on the current Wizard step fails when the user tries to navigate to another step.

Event Data

e.sender kendo.ui.Wizard

The Wizard instance that triggered the event.

e.form kendo.ui.Form

The Kendo UI Form widgets which validation fails.

e.step kendo.wizard.Step

The Step where is placed the Form with failed validation.

Example

<div id="wizard"></div>

<script>
    $("#wizard").kendoWizard({
        validateForms: true,
        steps: [{
            title: "first",
            form: {
                formData: {
                    name: null
                },
                items: [{
                    field: "name",
                    validation: {
                        required: true
                    }
                }]
            }
        },{
            title: "second"
        }],
        formValidateFailed: function(e) {
/* The result can be observed in the DevTools(F12) console of the browser. */
            console.log("Validation failed for step " + e.step.options.title);
        }
    });
</script>