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或为文本框提供有效ClientID的jQuery。我会选择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();

使用asp.net文本框的jquery meio mask

4 个答案: