FilteredTextBoxExtender control of Ajax in ASP.NET with C# - Example

Introduction:- 

                 This control is used to filter text and provide restrictions on text box. User can only enter what you want. In below Example I had Provided the 4 Text-Boxes.
  1. Only Digits are allowed.
  2. Only Lowercase Letters are allowed.      
  3. Only Math symbols and Numbers are allowed.
  4. Digits are not allowed .

Source Code (In asp.net):-




<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>

<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="ajaxToolkit" %>
<html>
<head>
    <title></title>
</head>
<body>
    <form id="Form1" runat="server">
    <ajaxToolkit:ToolkitScriptManager ID="ToolkitScriptManager1" runat="server">
    </ajaxToolkit:ToolkitScriptManager>
    <div class="demoarea">
        <div class="demoheading">
            FilteredTextBox Demonstration</div>
        <table border="0">
            <tr>
                <td>
                    Only digits are allowed here:
                </td>
                <td>
                    <asp:TextBox ID="TextBox1" runat="server" />
                </td>
            </tr>
            <tr>
                <td>
                    Only lower-case letters are allowed here:
                </td>
                <td>
                    <asp:TextBox ID="TextBox2" runat="server" />
                </td>
            </tr>
            <tr>
                <td>
                    Only math symbols (+,-,*,/,=,.) and numbers:
                </td>
                <td>
                    <asp:TextBox ID="TextBox3" runat="server" />
                </td>
            </tr>
            <tr>
                <td>
                    No digits allowed in this textbox:
                </td>
                <td>
                    <asp:TextBox ID="TextBox4" runat="server" />
                </td>
            </tr>
        </table>
        <ajaxToolkit:FilteredTextBoxExtender ID="FilteredTextBoxExtender1" runat="server"
            TargetControlID="TextBox1" FilterType="Numbers" />
        <ajaxToolkit:FilteredTextBoxExtender ID="FilteredTextBoxExtender2" runat="server"
            TargetControlID="TextBox2" FilterType="LowercaseLetters" />
        <ajaxToolkit:FilteredTextBoxExtender ID="FilteredTextBoxExtender3" runat="server"
            TargetControlID="TextBox3" FilterType="Custom, Numbers" ValidChars="+-=/*()." />
        <ajaxToolkit:FilteredTextBoxExtender ID="FilteredTextBoxExtender4" runat="server"
            TargetControlID="TextBox4" FilterType="Custom" FilterMode="InvalidChars" InvalidChars="1234567890" />
    </div>
    </form>
</body>
</html>

Post a Comment