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

ValidateInput

events

Fired when the validation state of an input changes from valid to invalid or vice versa.

The event handler function context (available via the this keyword) will be set to the validator instance.

validateInput

Event Data

e.sender `kendo.ui.Validator`

The validator instance which fired the event.

e.input `jQuery`

The object of the validated input.

e.valid `Boolean`

True if validation is passed, otherwise false.

e.field `String`

The name of the validated input.

e.error `String`

The error message text.

  <form>
    <input name="username" required /> <br />
    <button id="save">Save</button>
  </form>

  <script>
    // attach a validator to the container
    $("form").kendoValidator({
        validateInput: function(e) {
/* The result can be observed in the DevTools(F12) console of the browser. */
            console.log("input " + e.input.attr("name") + " changed to valid: " + e.valid);
        }
    });
  </script>

  <form>
    <input name="username" required /> <br />
    <button id="save">Save</button>
  </form>

  <script>
    // attach a validator to the container and get a reference
    var validatable = $("form").kendoValidator().data("kendoValidator");

    validatable.bind("validateInput", function(e) {
/* The result can be observed in the DevTools(F12) console of the browser. */
        console.log("input " + e.input.attr("name") + " changed to valid: " + e.valid);
    });
  </script>