掩码文本框视图的电话号码

Question

我正在尝试格式化文本框,以便当用户可以键入电话号码时,它会自动将其设置为以下格式:(999)999-9999

我尝试使用MaskedEditExtender,它可以工作,但它与我需要的完全相反.

当我点击该字段时,它显示正确的格式,但一旦我鼠标外出它仍然只显示9999999999

我怎么能这样做,以便用户只输入数字,它将破折号和括号放在应该自动(它现在做)的地方,但是当我点击它时保持格式.

<asp:TextBox ID="txtSuperPhone" runat="server" CssClass="myinputstyle"  />
    <asp:MaskedEditExtender ID="mskSuperPhone" runat="server" TargetControlID="txtSuperPhone" Mask="(999)999-9999"/>

Answer 1

要回答您的问题,您必须在扩展器上将"ClearMaskOnLostFocus"设置为false,以便始终显示掩码.

话虽如此....

我强烈建议您使用jquery替代方案.

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

我说这个的原因是因为maskededitextender在safari中不起作用.