主页 / 问题 / 1592971
Accepted
Chaos_Sower
Asked:2024-09-06 02:34:35 +0000 UTC2024-09-06 02:34:35 +0000 UTC

如何使用掩码允许渐进文本输入？

  • 772

Regex是一个强大的工具，可让您检查是否符合给定的面罩。

从该版本开始， .NET 7.0 引入了对源生成器 RegexGenerator的支持- 我在代码中使用它。

为了深入了解上下文，我们来验证的电话号码PhoneNumberTextBox。

例如，如果给出以下内容Regex：

/// <summary>
/// <see cref="Regex"/>, которому соответствует только формат "+7 (XXX) XXX-XX-XX"
/// </summary>
/// <returns>Соответствие маске номера телефона</returns>
[GeneratedRegex(@"^\+7 \(\d{3}\) \d{3}-\d{2}-\d{2}$")]
private static partial Regex PhoneNumberOnlyRegex();

以及验证方法如下：

/// <summary>
/// Метод, проверяющий соответствие текста заданному <see cref="Regex"/>
/// </summary>
/// <param name="Text">Проверяемый текст</param>
/// <param name="Regex">Проверяющий <see cref="Regex"/></param>
/// <returns>Значение <see cref="bool"/> соответствия текста маске</returns>
private static bool IsTextAllowed(string Text, Regex Regex)
{
    return Regex.IsMatch(Text);
}

然后我们可以像这样使用这个方法：

if (!IsTextAllowed(PhoneNumberTextBox.Text, PhoneNumberOnlyRegex()))
{
    PhoneNumberTextBox.BorderBrush = Brushes.Red;
}

这种方法一直有效，直到我们必须检查输入序列而不是整个字符串的正确性。这就是问题出现的时候。

例如：

线路+ 7 (000) 000-00-00将接通Regex，但是如果您需要检查用户拨打的电话号码是否正确怎么办？他一拨通+， Regex 就会开始咒骂。

在某些情况下这可能看起来是一个小问题，但是如果开发者需要控制用户输入的每个字符，UI防止用户输入错误的字符怎么办？例如，通过事件PreviewTextInput和 Pasting元素TextBox?

顺便说一句，该事件还出现了另一个问题PreviewTextInput：它不处理用户输入的空格，而仅对输入的字符做出反应。这种情况该怎么办？

c#

2 个回答

  1. 对于最终验证，请使用正则表达式。

    检查部分输入使用

    ^\+(?:7(?: (?:\((?:\d{1,3}(?:\)(?: (?:\d{1,3}(?:-(?:\d{1,2}(?:-\d{0,2})?)?)?)?)?)?)?)?)?)?$

    查看正则表达式如何工作的示例。

    • 1
  2. Best Answer

    为了解决这个问题，我建议引入术语“严格”和“非严格”掩码。我的意思是：

    • “严格（硬/强）面具”是常见的一种Regex。在这种情况下，一个掩码可以在用户完成输入的阶段检查电话号码的正确性以及不存在错误字符；
    • “非严格（软/弱）掩码”是一种电话号码掩码，允许您逐渐输入，但不允许您像“严格掩码”那样输入不正确的字符。

    要实施您的计划，您可以执行以下操作：

    1. 修复原始掩码 - 将其分为非捕获组：
    /// <summary>
/// <see cref="Regex"/>, которому соответствует только формат "+7 (XXX) XXX-XX-XX"
/// </summary>
/// <returns>Соответствие маске номера телефона</returns>
[GeneratedRegex(@"^(?:\+7)(?: )(?:\(\d{3}\))(?: )(?:\d{3})(?:-)(?:\d{2})(?:-)(?:\d{2})$")]
private static partial Regex PhoneNumberOnlyRegex();
    1. 为电话号码创建“软掩码” 。它看起来像这样：
    /// <summary>
/// <see cref="Regex"/> набираемого формата "+7 (XXX) XXX-XX-XX"
/// </summary>
/// <returns>Соответствие маске набираемого номера телефона</returns>
[GeneratedRegex(@"^(?:\+)?(?:7)?(?: )?(?:\()?(?:\d{0,3})(?:\))?(?: )?(?:\d{0,3})(?:-)?(?:\d{0,2})(?:-)?(?:\d{0,2})$")]
private static partial Regex OnPhoneNumberTypingRegex();
    1. 在事件中使用“软掩码”和已编写的方法：IsTextAllowed
    • PreviewTextInput:
    PhoneNumberTextBox.PreviewTextInput += (sender, e) =>
{
    if (sender is TextBox TextBox)
    {
        int CaretIndex = TextBox.CaretIndex;
        int SelectionStart = TextBox.SelectionStart;
        int SelectionLength = TextBox.SelectionLength;
        string NewText;

        if (SelectionLength > 0)
        {
            NewText = TextBox.Text.Remove(SelectionStart, SelectionLength).Insert(SelectionStart, e.Text);
        }

        else
        {
            NewText = TextBox.Text.Insert(CaretIndex, e.Text);
        }

        if (!IsTextAllowed(NewText, OnPhoneNumberTypingRegex()))
        {
            e.Handled = true;
        }
    }
};
    • PreviewKeyDown它将充当空白处理程序：
    PhoneNumberTextBox.PreviewKeyDown += (sender, e) =>
{
    if (e.Key == Key.Space)
    {
        if (sender is TextBox TextBox)
        {
            int CaretIndex = TextBox.CaretIndex;
            int SelectionStart = TextBox.SelectionStart;
            int SelectionLength = TextBox.SelectionLength;
            string NewText;

            if (SelectionLength > 0)
            {
                NewText = TextBox.Text.Remove(SelectionStart, SelectionLength).Insert(SelectionStart, " ");
            }

            else
            {
                NewText = TextBox.Text.Insert(CaretIndex, " ");
            }

            if (!IsTextAllowed(NewText, OnPhoneNumberTypingRegex()))
            {
                e.Handled = true;
            }
        }
    }
};
    • 并在PhoneNumberTextBox_Pasting：
    /// <summary>
/// Событие, срабатывающее перед вставкой символа/текста в <see href="PhoneNumberTextBox"/>
/// </summary>
/// <param name="sender"></param>
/// <param name="e"></param>
private void PhoneNumberTextBox_Pasting(object sender, DataObjectPastingEventArgs e)
{
    if (e.DataObject.GetDataPresent(typeof(string)))
    {
        string Text = string.Empty;

        if (e.DataObject.GetData(typeof(string)) is string String)
        {
            Text = String;
        }

        if (sender is TextBox TextBox)
        {
            if (!IsTextAllowed(TextBox.Text + Text, OnPhoneNumberTypingRegex()))
            {
                e.CancelCommand();
            }
        }
    }

    else
    {
        e.CancelCommand();
    }
}
    1. 在保存/发送数据之前，我们可以通过以下方式检查整个字符串的正确性PhoneNumberOnlyRegex()：
    /// <summary>
/// Событие нажатия на кнопку "Сохранить"
/// </summary>
/// <param name="sender"></param>
/// <param name="e"></param>
private void SaveChangesButton_Click(object sender, RoutedEventArgs e)
{
    if (!IsTextAllowed(PhoneNumberTextBox.Text, PhoneNumberOnlyRegex()))
    {
        PhoneNumberTextBox.BorderBrush = Brushes.Red;

        return;
    }
}

    最终如何运作：

    用户只能输入：

    • 一个字符：+, (, );
    • 两个字符：-, （空格）；
    • 11数字

    您可以轻松插入样本+7 (000) 000-00-00，将其从( )数字中删除并写入其他样本。该面具是“智能”的 - 它尊重打字顺序，并允许您仅输入一定数量的数字，同时观察标志。

    也就是说，你不能这样做：

    +7 000 0000000()--

    但你可以这样做，因为输入顺序没有被违反：

    +7 000 00000-00

    正如您所看到的，没有什么可以阻止您将逐步检查和 全面检查结合起来😄

    更新：向用户@Wiktor Stribiżew致以大大的“Dziękuję”（谢谢），没有他出色的掩码，我就不会改进我的答案 - 为此他收到了我的“+”😀

    • -1

相关问题