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

Change

events

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.

<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>
<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>
Not finding the help you need?
Contact Support