c# - 使用字段掩码并强制光标向左

Question

这不与this question相同, 但它非常相似。

我正在使用 ASP.Net 并且或多或少需要做同样的事情，但我希望它可以在 ASP 端完成。

我的相关代码是这样的:

<td style="line-height: 230%;">
    <asp:TextBox ID="txtePro" runat="server" CssClass="textbox" Font-Size="Small" Height="18px" Width="100px" Visible="False" Wrap="False" OnTextChanged="txtEPro_OnLeave" AutoPostBack="true"></asp:TextBox>
    <asp:MaskedEditExtender ID="MeeePro" runat="server" Mask="9999999" MaskType="None" TargetControlID="txtePro" PromptCharacter="_" />
    <asp:MaskedEditExtender ID="MeePRD" runat="server" Mask="999999" MaskType="None" TargetControlID="txtePro" PromptCharacter="_" />
    <asp:RegularExpressionValidator Display="Dynamic" ControlToValidate="txtePro" ID="RevePro" ValidationExpression="^[\s\S]{7,7}$" runat="server" ErrorMessage="7 Digits required." ForeColor="White" Font-Size="X-Small"></asp:RegularExpressionValidator>
    <asp:RegularExpressionValidator Display="Dynamic" ControlToValidate="txtePro" ID="RevPRD" ValidationExpression="^[\s\S]{6,}$" runat="server" ErrorMessage="6 Digits required." ForeColor="White" Font-Size="X-Small"></asp:RegularExpressionValidator>
    <asp:TextBox ID="hdntxtePro" runat="server" CssClass="textbox" Font-Size="Small" Height="18px" Width="100px" Visible="False" Wrap="False"></asp:TextBox>
    <asp:DropDownList ID="ddlCIT" runat="server" AutoPostBack="True" CssClass="textbox" Visible="false" Height="20px" OnSelectedIndexChanged="ddlCIT_SelectedIndexChanged" Width="100px"></asp:DropDownList>
    <asp:TextBox ID="txtCIT" runat="server" CssClass="textbox" Height="18px" Width="100px" Visible="False" Font-Size="Small" Wrap="False"></asp:TextBox>
    <asp:RegularExpressionValidator Display="Dynamic" ControlToValidate="txtCIT" ID="RevCIT" ValidationExpression="^[\s\S]{4,}$" runat="server" ErrorMessage="4 Digits required." ForeColor="White" Font-Size="X-Small"></asp:RegularExpressionValidator>
    <asp:MaskedEditExtender ID="meeCIT" runat="server" MaskType="Number" Mask="99.99" TargetControlID="txtCIT" PromptCharacter="_" InputDirection="LeftToRight" />
    <asp:TextBox ID="txtClientID" runat="server" CssClass="textbox" Height="18px" Width="100px" Visible="False" Font-Size="Small" Wrap="False" OnTextChanged="txtClientID_OnLeave" AutoPostBack="true" MaxLength="5"></asp:TextBox>
    <asp:MaskedEditExtender ID="meeClientID" runat="server" MaskType="Number" Mask="99999" TargetControlID="txtClientID" PromptCharacter="_"  InputDirection="LeftToRight" AutoComplete="False" UserTimeFormat="TwentyFourHour"/>
    <asp:RegularExpressionValidator Display="Dynamic" ControlToValidate="txtClientID" ID="RevClientID" ValidationExpression="^[\s\S]{5,5}$" runat="server" ErrorMessage="5 Digits required." ForeColor="White" Font-Size="X-Small"></asp:RegularExpressionValidator>
    <asp:TextBox ID="hdntxtClientID" runat="server" CssClass="textbox" Height="18px" Width="100px" Visible="False" Font-Size="Small" Wrap="False"></asp:TextBox>
    <asp:TextBox ID="txtElasID" runat="server" CssClass="textbox" Height="18px" Width="100px" Wrap="False" Visible="False" Font-Size="Small"></asp:TextBox>
    <asp:MaskedEditExtender ID="meeElas" runat="server" MaskType="None" Mask="99999999" TargetControlID="txtElasID" PromptCharacter="_" />
    <asp:RegularExpressionValidator Display="Dynamic" ControlToValidate="txtElasID" ID="RevElasID" ValidationExpression="^[\s\S]{8,}$" runat="server" ErrorMessage="8 Digits required." ForeColor="White"></asp:RegularExpressionValidator>
    <asp:TextBox ID="txtEffDate" runat="server" CssClass="textbox" Height="18px" Width="100px" Visible="False" Font-Size="Small" TextMode="Date" Wrap="False"></asp:TextBox>
    <asp:RangeValidator ID="rvDate" runat="server" ControlToValidate="txtEffDate" ErrorMessage="Invalid Date" Type="Date" MinimumValue="01/01/1900" MaximumValue="01/01/2100" Display="Dynamic" ForeColor="White"></asp:RangeValidator>
    <asp:CalendarExtender ID="CalendarExtender1" runat="server" TargetControlID="txtEffDate" Format="MM/dd/yyyy"></asp:CalendarExtender>
</td>

在链接的问题中，我的问题是当用户在文本框内单击时，他们有时会从中间开始，我需要将光标一直强制到左侧。有没有办法从 ASP 中强制光标一直向左移动，或者这是否只能在代码隐藏中完成？

Answer 1

您可以使用 javascript 和 jQuery 通过在 mouseup 事件上将 SelectionRange 设置为 0,0 来实现:

$(document).ready(function(){
   $(".resetCursor").mouseup(function () {
      this.setSelectionRange(0,0);    
   });
});

http://jsfiddle.net/6m8stbo7/1/

然后将类 resetCursor 添加到要使用此行为扩展的 TextBox 控件。

<asp:TextBox ID="txtePro" runat="server" 
   CssClass="textbox resetCursor" 
   Font-Size="Small" 
   Height="18px" 
   Width="100px" 
   Visible="False" 
   Wrap="False" 
   OnTextChanged="txtEPro_OnLeave" 
   AutoPostBack="true">
</asp:TextBox>

解释:

resetCursor 是一个 css 样式表类，jQuery 使用它来选择特定的 DOM 元素。通常的做法是使用 css 类在一组 DOM 元素上“声明”某些行为，然后使用 jquery 一次性“激活”该行为。 编辑:请注意，resetCursor 是一个任意名称，您可以根据需要选择其他名称。

这是对基本 jQuery 选择器的一个很好的介绍(我在这个例子中使用的是 Class-Selector):

http://api.jquery.com/category/selectors/basic-css-selectors/