New to Kendo UI for jQuery? Start a free 30-day trial

ValidateForms

configuration

Indicates whether the Wizard will automatically validate any Kendo Form configured for a Step. Validation will be executed upon Step navigation.

validateForms

Boolean | Object

Default: true

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

<script>
    $("#wizard").kendoWizard({
        validateForms: false,
        steps: [{
            title: "first",
            form: {
                formData: {
                    name: null
                },
                items: [{
                    field: "name",
                    validation: {
                        required: true
                    }
                }]
            }
        },{
            title: "second"
        }]
    });
</script>

validateForms.validateOnPrevious

Boolean

Indicates whether navigation to previous Step will trigger current Step Form validation. By default, Form validation is enabled for any step navigation.

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

<script>
    $("#wizard").kendoWizard({
        validateForms: {
            validateOnPrevious: false
        },
        steps: [{
            title: "first",
            form: {
                formData: {
                    name: null
                },
                items: [{
                    field: "name",
                    validation: {
                        required: true
                    }
                }]
            }
        },{
            title: "second",
            form: {
                formData: {
                    title: null
                },
                items: [{
                    field: "title",
                    validation: {
                        required: true
                    }
                }]
            }
        }]
    });
</script>