将Mask添加到ASPxTextBox以仅查看值的最后4位数字

时间:2018-10-01 09:11:34

标签: c# asp.net devexpress

我需要为在项目中引用AccountNumber的所有ASPxTextBox添加一个Mask / DisplayFormatString以仅在DevExpress中查看最后4位数字。传递帐号时,有一种常见的方法返回格式化的帐号。

如何调用此方法,或者是否有简单的方法将此掩码应用于整个项目中的所有AccountNumber ASPxTextBox。你能帮我这个忙吗?

示例:如果真实帐号为987654321。则应显示为***** 4321

<dx:ASPxTextBox ID="txtBankAccountNumber" ClientInstanceName="txtBankAccountNumber" runat="server" Width="100%">
</dx:ASPxTextBox>

2 个答案:

答案 0 :(得分:0)

请检查以下示例,将Mask设置为ASPxTextBox

https://demos.devexpress.com/aspxeditorsdemos/Features/MaskedInput.aspx

https://www.devexpress.com/Support/Center/Question/Details/Q345434/aspxtextbox-how-to-set-mask

例如

<dx:ASPxTextBox ID="txtZip" runat="server" Width="100%" Caption="Zip Code">
    <MaskSettings Mask="00000" ErrorText="Please input missing digits" />
    <ValidationSettings ErrorDisplayMode="ImageWithTooltip" Display="Dynamic" ErrorTextPosition="Bottom" />
</dx:ASPxTextBox>

答案 1 :(得分:0)

根据我的经验,您可以使用两种方法进行遮罩:

1)Devexpress:

您可以使用devexpress,也可以将掩码与电话号码等配合使用。

喜欢此代码:

<dx:ASPxTextBox ID="txtPhone" runat="server" Width="100%" ClientInstanceName="clTxtPhone" Caption="Phone Number">
                <MaskSettings Mask="0000" IncludeLiterals="None" />
                <ValidationSettings ErrorDisplayMode="ImageWithTooltip" Display="Dynamic" ErrorTextPosition="Bottom" />
                <ClientSideEvents Init="phone_InitAndKeyUp" KeyUp="phone_InitAndKeyUp" />
            </dx:ASPxTextBox>

2)Javascript: 像这样:

<!DOCTYPE html>
<html>
<head>
<!-- Example jQuery Reference -->
<script src="http://code.jquery.com/jquery-latest.js"></script>
<!-- Example jQuery Masking Script -->
<script src="http://digitalbush.com/wp-content/uploads/2013/01/jquery.maskedinput-1.3.1.min_.js"></script>
<meta charset=utf-8 />
<title>JS Bin</title>
  <script type='text/javascript'>
    $(function(){
        // Define your mask (using 9 to denote any digit)
        $('#YourTextBox').mask('(999) 999-9999');
    });
  </script>
</head>
<body>
    <!-- Example of your TextBox -->
    <asp:TextBox ID="YourTextBox" runat="server"></asp:TextBox>
</body>
</html>