Masque de zone de texte pour avoir un numéro de téléphone

je suis en train de formater une zone de texte de sorte que lorsque l'utilisateur peut taper un numéro de téléphone et il serait automatiquement mis dans le format suivant :(999)999-9999

j'ai essayé d'utiliser le MaskedEditExtender, il fonctionne mais il fait le contraire de ce dont j'ai besoin.

quand je clique sur le terrain, il montre le format correct, mais une fois que je souris toujours il ne montre 9999999999

comment puis-je faire afin que l'utilisateur types de numéros et il met des tirets et les parenthèses là où il est censé automatiquement(ce qui n'est le cas maintenant), mais garder le format lorsque je clique hors de lui.

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

OriginalL'auteur Madam Zu Zu | 2013-08-15

  1. 7

    Pour répondre à votre question, vous devez définir le "ClearMaskOnLostFocus" pour de faux sur l'unité d'extension pour le masque de montrer tout le temps.

    Cela étant dit....

    Je suggère fortement que vous utilisez jquery alternative.

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

    La raison pour laquelle je dis cela c'est parce que le maskededitextender ne fonctionne pas dans safari.

    je suis allé le jquery route! merci!

    OriginalL'auteur Smeegs

  2. 4

    Essayer cette

    La propoerty "ClearMaskOnLostFocus" doit être fausse.

    <asp:MaskedEditExtender ID="mskSuperPhone" runat="server"
                   TargetControlID="txtSuperPhone"
                   ClearMaskOnLostFocus ="false"
                   MaskType="None"
                   Mask="(999)999-9999" 
                   MessageValidatorTip="true"
                   InputDirection="LeftToRight"
                   ErrorTooltipEnabled="True">
  </asp:MaskedEditExtender>

    OriginalL'auteur Derdlim