Using AJAX Textbox Extenders

1. Watermark Extender
2. Filtered TextBox
3. Masked Edit TextBox and Masked Edit Validator
4. Calendar Extender
5. Validator Callout Extender
6. Auto Complete Extender
7. Password Strength Extender

Reference:

http://www.c-sharpcorner.com/uploadfile/dpatra/using-ajax-textbox-extenders/

Ajax:MaskedEditExtender, Ajax:MaskedEditValidator

Ajax:MaskedEditExtender

<ajaxToolkit:MaskedEditExtender
    TargetControlID="TextBox2" 
    Mask="9,999,999.99"
    MessageValidatorTip="true" 
    OnFocusCssClass="MaskedEditFocus" 
    OnInvalidCssClass="MaskedEditError"
    MaskType="Number" 
    InputDirection="RightToLeft" 
    AcceptNegative="Left" 
    DisplayMoney="Left"
    ErrorTooltipEnabled="True"/>

• MaskType - Type of validation to perform:
  None - No validation
  Number - Number validation
  Date - Date validation
  Time - Time validation
  DateTime - Date and time validation
• Mask Characters and Delimiters
  9 - Only a numeric character
  L - Only a letter
  $ - Only a letter or a space
  C - Only a custom character (case sensitive)
  A - Only a letter or a custom character
  N - Only a numeric or custom character
  ? - Any character
  
  / - Date separator
  : - Time separator
  . - Decimal separator
  , - Thousand separator
  \ - Escape character
  { - Initial delimiter for repetition of masks
  } - Final delimiter for repetition of masks
  
  Examples:
  9999999 - Seven numeric characters
  99\/99 - Four numeric characters separated in the middle by a "/"
• AcceptAMPM - True to display an AM/PM symbol
• AcceptNegative - True if the negative sign (-) is allowed
  None - Do not show the negative sign
  Left - Show the negative sign on the left of the mask
  Right - Show the negative sign on the right of the mask
• AutoComplete - True to automatically fill in empty mask characters not specified by the user
  MaskType=Number - Empty mask characters will be filled with zeros
  MaskType=Time - Empty mask characters will be filled with the current time
  MaskType=Date - Empty mask characters will be filled with the current date
  MaskType=DateTime - Empty mask characters will be filled with the current date/time
• AutoCompleteValue - Default character to use when AutoComplete is enabled
• Century - Default century used when a date mask only has two digits for the year
• ClearMaskOnLostFocus - True to remove the mask when the TextBox loses focus
• ClearTextOnInvalid - True to clear the TextBox when invalid text is entered
• ClipboardEnabled- True to allow copy/paste with the clipboard
• ClipboardText - Prompt text to use when a clipboard paste is performed
• DisplayMoney - Specifies how the currency symbol is displayed
  None - Do not show the currency symbol
  Left - Show the currency symbol on the left of the mask
  Right - Show the currency symbol on the right of the mask
• ErrorTooltipCssClass - CSS class for the tooltip message
• ErrorTooltipEnabled - True to show a tooltip message when the mouse hovers over an invalid TextBox
• Filtered - Valid characters for mask type "C" (case-sensitive)
• InputDirection - Text input direction
  LeftToRight - Left to Right
  RightToLeft - Right to left
• MessageValidatorTip - Message displayed when editing in TextBox
• PromptChararacter - Prompt character for unspecified mask characters
• UserDateFormat - Custom date format
• UserTimeFormat - Custom time format
• OnFocusCssClass - CSS class used when the TextBox receives focus
• OnFocusCssNegative - CSS class used when the TextBox gets focus with a negative value
• OnBlurCssNegative - CSS class used when the TextBox loses focus with a negative value
• OnInvalidCssClass - CSS class used when the text is not valid.
• CultureName - Name of culture to use (overrides the default page culture)
• CultureAMPMPlaceholder - Culture override
• CultureCurrencySymbolPlaceholder - Culture override
• CultureDateFormat - Culture override
• CultureDatePlaceholder - Culture override
• CultureDecimalPlaceholder - Culture override
• CultureThousandsPlaceholder - Culture override
• CultureTimePlaceholder - Culture override

Ajax:MaskedEditValidator

<ajaxToolkit:MaskedEditValidator
    ControlExtender="MaskedEditExtender2"
    ControlToValidate="TextBox2" 
    IsValidEmpty="False" 
    MaximumValue="12000" 
    EmptyValueMessage="Number is required"
    InvalidValueMessage="Number is invalid"
    MaximumValueMessage="Number > 12000"
    MinimumValueMessage="Number < -100"
    MinimumValue="-100" 
    EmptyValueBlurredText="*" 
    InvalidValueBlurredMessage="*" 
    MaximumValueBlurredMessage="*" 
    MinimumValueBlurredText="*"
    Display="Dynamic" 
    TooltipMessage="Input a number: -100 up to 12.000"/>

• ControlToValidate - ID of the TextBox to validate
• ControlExtender - ID of the MaskedEditExtender attached to the TextBox
• AcceptAMPM - Whether or not AM/PM is accepted on times.
  The default value is false.
• ClientValidationFunction - Client script used for custom validation
• InitialValue - Initial value of the TextBox
• IsValidEmpty - True if the TextBox can be empty
• MaximumValue - Maximum value of the input
• MinimumValue - Minimum value of the input
• ValidationExpression - Regular expression used to validate the input
• TooltipMessage - Message displayed when the TextBox has focus with an empty value
• EmptyValueMessage - Message displayed when empty and TextBox has focus
• EmptyValueBlurredText - Message displayed when empty and TextBox does not have focus
• InvalidValueMessage - Message displayed when invalid and TextBox has focus
• InvalidValueBlurredMessage - Message displayed when invalid and TextBox does not have focus
• MaximumValueMessage - Message displayed when maximum value exceeded and TextBox has focus
• MaximumValueBlurredMessage - Message displayed when maximum value exceeded and TextBox does not have focus
• MinimumValueMessage - Message displayed when minimum value exceeded and TextBox has focus
• MinimumValueBlurredText - Message displayed when minimum value exceeded and TextBox does not have focus

Ajax:FilteredTextBoxExtender

 <table width="400">        <tr>            <td>                <asp:Label ID="label1" runat="server" Text="Only Numbers" Width="150"></asp:Label>                <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>                <ajaxToolkit:FilteredTextBoxExtender ID="FilteredTextBoxExtender1" runat="server" TargetControlID="TextBox1" FilterType="Numbers" />            </td>        </tr>        <tr>            <td>                <asp:Label ID="label2" runat="server" Text="Uppercase Letter" Width="150"></asp:Label>                <asp:TextBox ID="TextBox2" runat="server"></asp:TextBox>                <ajaxToolkit:FilteredTextBoxExtender ID="FilteredTextBoxExtender2" runat="server"TargetControlID="TextBox2" FilterType="UppercaseLetters" />            </td>        </tr>        <tr>            <td>                <asp:Label ID="label3" runat="server" Text="Lowercase Letters" Width="150"></asp:Label>                <asp:TextBox ID="TextBox3" runat="server"></asp:TextBox>                <ajaxToolkit:FilteredTextBoxExtender ID="FilteredTextBoxExtender3" runat="server"TargetControlID="TextBox3" FilterType="lowercaseLetters" />            </td>        </tr>        <tr>            <td>                <asp:Label ID="label4" runat="server" Text="Custom numbers" Width="150"></asp:Label>                <asp:TextBox ID="TextBox4" runat="server"></asp:TextBox>                <ajaxToolkit:FilteredTextBoxExtender ID="FilteredTextBoxExtender4" runat="server"TargetControlID="TextBox4" FilterType="Custom, Numbers" ValidChars="+-=/*()." />            </td>        </tr>
         <tr>            <td>                <asp:Label ID="label4" runat="server" Text="Custom numbers" Width="150"></asp:Label>                <asp:TextBox ID="TextBox4" runat="server"></asp:TextBox>              <ajaxToolkit:FilteredTextBoxExtender ID="ftxtAcdD_MHTCET_Tot" runat="server" TargetControlID="txtbox1" FilterType="Custom" ValidChars="0123456789"; />            </td>        </tr>    </table>