AJAX FilteredTextBoxExtender Kullanımı

FilteredTextBoxExtender sayfalarımızda kullanacağımız TextBox lara sadece sayı, harf (Büyük veya Küçük) veya özel işaretlerden istedikleriniz(+,/&%^’@.) gibi bir giriş formatı oluşturmak istiyorsanız bu işlemi hızlı ve kolay bir şekilde yapmamızı sağlıyor.
Peki FilteredTextBoxExtender nasıl kullanılır hemen basit bir örnek ile açıklayalım. İlk olarak sayfamıza bir ScriptManager ekliyoruz daha sonra kontrol edeceğimiz TextBox’ı ve bir FilteredTextBoxExtender ekliyoruz. Şimdi FilteredTextBoxExtender kontrolünün birkaç özelliğini kullanacağız
1-TargetControlID: kontrol edeceğimiz textbox’ın ID’si
2-FilterType: Girilecek olan karakter türü bunlar; Sayı (Numbers), Küçük Harf(LowercaseLetters),Büyük Harf (UppercaseLetters) ve Özel(Custom) seçenekleri olabilir
3-ValidChars: Eğer FilterType özelliğine Custom eklediyseniz ValidChars alanında izin verilen karakterleri yazmanız gerekli.
Örneğimiz
filterextender

<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="asp" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>www.aspnetornekleri.com</title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
       Sadece Sayı
        <br />
        <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox><asp:FilteredTextBoxExtender
            ID="FilteredTextBoxExtender1" runat="server" FilterType="Numbers" TargetControlID="TextBox1">
        </asp:FilteredTextBoxExtender>
        <br />
        <hr />
               Sadece Harf
        <br />
        <asp:TextBox ID="TextBox2" runat="server"></asp:TextBox><asp:FilteredTextBoxExtender
            ID="FilteredTextBoxExtender2" runat="server" FilterType="LowercaseLetters,UppercaseLetters" TargetControlID="TextBox2">
        </asp:FilteredTextBoxExtender>
        <br />
        <hr />
           Sadece Küçük Harf
        <br />
        <asp:TextBox ID="TextBox3" runat="server"></asp:TextBox><asp:FilteredTextBoxExtender
            ID="FilteredTextBoxExtender3" runat="server" FilterType="LowercaseLetters" TargetControlID="TextBox3">
        </asp:FilteredTextBoxExtender>
        <br />
        <hr />
           Sadece Büyük Harf
        <br />
        <asp:TextBox ID="TextBox4" runat="server"></asp:TextBox><asp:FilteredTextBoxExtender
            ID="FilteredTextBoxExtender4" runat="server" FilterType="UppercaseLetters" TargetControlID="TextBox4">
        </asp:FilteredTextBoxExtender>
        <br />
        <hr />
           Özel Karakter (+.,@)
        <br />
        <asp:TextBox ID="TextBox5" runat="server"></asp:TextBox><asp:FilteredTextBoxExtender
            ID="FilteredTextBoxExtender5" runat="server" FilterType="Custom" ValidChars="+.,@" TargetControlID="TextBox5">
        </asp:FilteredTextBoxExtender>
        <br />
        <hr />
          Karışık Sadece Büyük Harf ve @+- işaretleri
        <br />
        <asp:TextBox ID="TextBox6" runat="server"></asp:TextBox><asp:FilteredTextBoxExtender
            ID="FilteredTextBoxExtender6" runat="server" FilterType="Custom,UppercaseLetters" ValidChars="+-@"  TargetControlID="TextBox6">
        </asp:FilteredTextBoxExtender>
        <br />
        <hr />
        <asp:ScriptManager ID="ScriptManager1" runat="server">
        </asp:ScriptManager>
        <br />

       </div>
    </form>
</body>
</html>
  • Barışcan Yılmaz

    Çok teşekkürler yararlı bir paylaşım.

    • BilisimOgretmeni

      rica ederim iyi çalışmalar…