Events

The Telerik UI for ASP.NET Core OTPInput exposes an event that allows you to control and customize the behavior of the UI component.

For a complete example on the basic OTPInput event, refer to the demo on using the events of the OTPInput.

Handling by Handler Name

The following example demonstrates how to subscribe to events by handler name.

Razor

    @(Html.Kendo().OTPInput()
        .Name("otp")
        .Items(5)
        .Events(e => e.Change("onChange"))
    )

Razor

    <kendo-otpinput name="otp"
                    items="5"
                    on-change="onChange">
    </kendo-otpinput>

JavaScript

    <script>
        function onChange() {
            // Handle the change event.
        }
    </script>

Handling by Template Delegate

The following example demonstrates how to subscribe to events by using a template delegate.

Razor

    @(Html.Kendo().OTPInput()
        .Name("otp")
        .Items(5)
        .Events(e => e
            .Change(@<text>
                function() {
                    // Handle the change event inline.
                }
            </text>)
        )
    )

Razor

    <kendo-otpinput name="otp"
                    items="5"
                    on-change="function() {
                         // Handle the change event inline.
                    }">
    </kendo-otpinput>

Next Steps

• Using the OTPInput Events (Demo)

See Also

• Using the API of the OTPInput for ASP.NET Core (Demo)

• Server-Side API of the OTPInput HtmlHelper

• Server-Side API of the OTPInput TagHelper

• Client-Side API of the OTPInput