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

Launching on Client-side Event


How to launch the spellchecker on various client-side events.


The spellchecker is started with a JavaScript function call on the client and can be invoked from a client-side event handler. For example, a TextBox control can be set to automatically check the spelling of its text once the user is finished typing and moves on to another control. This approach can be used to bind the spellchecker to any client-side event.

Follow the steps below to achieve this scenario:

  1. We will assume that the TextBox control you want to check has ID of "TextBox1".

  2. Set the RadSpell ButtonType property to None. This will hide the default spellcheck button from the form:


    <telerik:radspell id="RadSpell1" runat="server" controltocheck="TextBox1" buttontype="None" />          
  3. Add a JavaScript function to the web page that starts the spellchecker. In this example the function is called "spellCheck()".


    function spellCheck() {
        var spell = $find('<%= RadSpell1.ClientID %>');
  4. Make the TextBox control onBlur client-side handler call the new spellCheck() function:


    <asp:TextBox id="TextBox1" onblur="javascript: spellCheck();" runat="server">this is a mistakr</asp:TextBox>            
In this article