change

Triggered when the form model is updated.

Important: When validateOnBlur is true the change event is triggered only if a valid value is entered.

Event Data

e.sender kendo.ui.Form

The Form instance which fired the event.

e.field String

The name of the field that triggered the change.

e.value String

The new value.

Example - subscribe to the "change" event during initialization

<form id="myForm"></form>

<script>
    $("#myForm").kendoForm({
        formData: {
            ID: 1,
            Name: "Ivan",
            Address: "Sofia"
        },
        items: [{
            field: "Name",
            label: "Name:",
            validation: { required: true }
        }, {
            field: "Address",
            label: "Address:",
            validation: { required: true }
        }],
        change: function(ev) {
/* The result can be observed in the DevTools(F12) console of the browser. */
            console.log(ev);
        }
    });
</script>

Example - subscribe to the "change" event after initialization

<form id="myForm"></form>

<script>
    var form = $("#myForm").kendoForm({
        formData: {
            ID: 1,
            Name: "Ivan",
            Address: "Sofia"
        },
        items: [{
            field: "Name",
            label: "Name:",
            validation: { required: true }
        }, {
            field: "Address",
            label: "Address:",
            validation: { required: true }
        }]
    }).getKendoForm();

    form.bind("change", function(e) {
/* The result can be observed in the DevTools(F12) console of the browser. */
        console.log(e);
    });
</script>