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();