New to Telerik UI for ASP.NET AJAX? Download free 30-day trial

    Client-side Events



    Event log
    RadInputManager exposes a the following set of client-side events:
    1. OnBlur - fired when the input control loses focus
    2. OnError - fired when the user enters invalid data
    3. OnFocus - fired when the input control gains focus
    4. OnKeyPress - fired when a keyboard key is pressed
    5. OnValueChanged - fired when the data entry in the input is changed by the user (right after the control loses focus)

    Related Resources

    • DefaultVB.aspx
    • scripts.js
    • styles.css
    <%@ Page Language="vb"  %>
     
    <%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>
    <%@ Register TagPrefix="qsf" Namespace="Telerik.QuickStart" %>
    <!DOCTYPE html>
    <html xmlns='http://www.w3.org/1999/xhtml'>
    <head runat="server">
        <title>Telerik ASP.NET Example</title>
        <script src="scripts.js" type="text/javascript"></script>
        <link rel="stylesheet" type="text/css" href="styles.css" />
    </head>
    <body>
        <form id="form1" runat="server">
        <telerik:RadScriptManager runat="server" ID="RadScriptManager1" />
        <telerik:RadSkinManager ID="RadSkinManager1" runat="server" ShowChooser="true" />
        <div class="demo-containers">
            <div class="demo-container">
                <div class="contentContainer">
                    <asp:Label ID="Label1" runat="server" AssociatedControlID="TextBox1" Text="TextBoxSetting"></asp:Label>
                    <asp:TextBox ID="TextBox1" runat="server" Width="155px"/>
                    <br />
                    <br />
                    <asp:Label ID="Label2" runat="server" AssociatedControlID="TextBox2" Text="NumericTextBoxSetting"></asp:Label>
                    <asp:TextBox ID="TextBox2" runat="server" Width="155px"/>
                </div>
            </div>
        </div>
     
        <telerik:RadInputManager RenderMode="Lightweight" runat="server" ID="RadInputManager1">
            <telerik:TextBoxSetting BehaviorID="TextBoxBehavior1" EmptyMessage="Enter some text">
                <ClientEvents OnKeyPress="demo.keyPress" OnBlur="demo.blur" OnFocus="demo.focus"/>
                <TargetControls>
                    <telerik:TargetInput ControlID="TextBox1" />
                </TargetControls>
            </telerik:TextBoxSetting>
            <telerik:NumericTextBoxSetting BehaviorID="NumericTextBoxBehavior1" MinValue="0" MaxValue="10" EmptyMessage="Enter some number">
                <ClientEvents OnKeyPress="demo.keyPress" OnBlur="demo.blur" OnFocus="demo.focus" OnError="demo.error"/>
                <TargetControls>
                    <telerik:TargetInput ControlID="TextBox2" />
                </TargetControls>
            </telerik:NumericTextBoxSetting>
        </telerik:RadInputManager>
     
        <qsf:EventLogConsole runat="server" ID="EventLogConsole1" AllowClear="true"></qsf:EventLogConsole>
        </form>
    </body>
    </html>

    Support & Learning Resources

    Find Assistance