Mask Textbox view for a phone number

.net, ajaxcontroltoolkit, asp.net, c#

Solution

To answer your question, you have to set the "ClearMaskOnLostFocus" to false on the extender for the mask to show all the time.

That being said....

I strongly suggest that you use the jquery alternative.

http://digitalbush.com/projects/masked-input-plugin/

The reason I say this is because the maskededitextender does not work in safari.

Problem

i am trying to format a text box so that when the users can type in a phone number and it would automatically put it in the following format :(999)999-9999 i tried using the MaskedEditExtender, it works but it does the complete opposite of what i need. when i click on the field it shows the correct format, but once i mouse out it still only shows 9999999999 how can i do it so that the user ONLY types in numbers and it puts dashes and parentheses where it's supposed to automatically(which it does now), but keep the format when i click out of it. ``` <asp:TextBox ID="txtSuperPhone" runat="server" CssClass="myinputstyle" /> <asp:MaskedEditExtender ID="mskSuperPhone" runat="server" TargetControlID="txtSuperPhone" Mask="(999)999-9999"/> ```

Original source