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) {
            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) {
        console.log(e);
    });
</script>
In this article
Not finding the help you need? Improve this article