jQuery Meio Mask与asp.net文本框

Question

我正在尝试在asp.net页面上使用jquery meio mask。

输入文本框可以正常工作，但是我不知道如何在asp.net文本框中使用它。

当我运行代码时，html文本框仅起作用。

请指教？

http://www.meiocodigo.com/projects/meiomask/

这是我的代码：..................................................................

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">

    <script src="../js/jquery-1.4.1.js" type="text/javascript"></script>
    <script src="../js/jquery.meio.mask.js" type="text/javascript"></script>

    <script type="text/javascript" charset="utf-8">
        $(document).ready(function() {
            $.mask.masks = $.extend($.mask.masks, {
            htmlPhone: { mask: '(999)999-9999' }

            });
            $('input:text').setMask();
        });


        $(document).ready(function() {
            $.mask.masks = $.extend($.mask.masks, {
                aspPhone: { mask: '(999)999-9999' }

            });
            $('asp:TextBox').setMask();
        });


    </script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">


     <p><label for="phone">ASP Phone #</label><br /><asp:TextBox ID="aspPhone" runat="server"></asp:TextBox></p>

     <p><label for="phone">HTML Phone #</label><br /><input type="text" name="htmlPhone" value="" id="phone" alt="phone" /></p>




</asp:Content>

Answer 1

由于asp:TextBox标记对jQuery不可用（如果您要在Firefox或IE中检查页面源，则看不到它），因此您想要做的就是给TextBox一个可用于的CSS类。 jQuery或为jQuery提供文本框的有效ClientID。 我会选择css路由，在这种情况下，您可以将TextBox声明更改为

<asp:TextBox ID="aspPhone" runat="server" CSSClass="phoneNumber" />

和你的jQuery代码

$('.phoneNumber').setMask();

Answer 2

你好，你错过了主要原因。 在任何控件中使用alt属性。 遮罩将根据其工作。 无论是asp还是html。 例如： <asp:TextBox ID="aspPhone" runat="server" alt="phone-us"></asp:TextBox>

谢谢。

Answer 3

使用<asp:TextBox>创建的ASP.NET文本框仍将呈现为<input type="text" ...> 。

保留您的jQuery：

$('input:text').setMask();

或者，如果您只想将其应用于该字段，则可以使用其ID，如下所示：

$('#<%= aspPhone.ClientID %>').setMask();

Answer 4

由于meioMask插件可与“ alt” HTML属性一起使用，因此必须对其进行设置才能起作用。 这将达到目的：

$('#<%= aspPhone.ClientID %>').attr('alt', 'phone').setMask();