# C1.Blazor.Input.C1MaskedTextBox

## Content

<div class="doc-site-dotnet-api-container">



  <h1 id="C1_Blazor_Input_C1MaskedTextBox" data-uid="C1.Blazor.Input.C1MaskedTextBox" class="text-break">C1MaskedTextBox Class
</h1>
  <div class="markdown level0 summary"><p>The <a class="xref" href="C1.Blazor.Input.C1MaskedTextBox.html">C1MaskedTextBox</a> control allows you to validate and format user input as it is entered, preventing users from entering invalid data.</p>
</div>
  <div class="markdown level0 conceptual"></div>
  <div class="inheritance">
    <h5>Inheritance</h5>
    <div class="level0"><a class="xref" href="https://learn.microsoft.com/dotnet/api/system.object">object</a></div>
    <div class="level1"><a class="xref" href="https://learn.microsoft.com/dotnet/api/microsoft.aspnetcore.components.componentbase">ComponentBase</a></div>
    <div class="level2"><a class="xref" href="../C1.Blazor.Core/C1.Blazor.Core.C1View.html">C1View</a></div>
    <div class="level3"><a class="xref" href="C1.Blazor.Input.C1TextBox.html">C1TextBox</a></div>
    <div class="level4"><span class="xref">C1MaskedTextBox</span></div>
  </div>
  <div class="implements">
    <h5>Implements</h5>
    <div><a class="xref" href="https://learn.microsoft.com/dotnet/api/microsoft.aspnetcore.components.icomponent">IComponent</a></div>
    <div><a class="xref" href="https://learn.microsoft.com/dotnet/api/microsoft.aspnetcore.components.ihandleafterrender">IHandleAfterRender</a></div>
    <div><a class="xref" href="https://learn.microsoft.com/dotnet/api/microsoft.aspnetcore.components.ihandleevent">IHandleEvent</a></div>
    <div><a class="xref" href="https://learn.microsoft.com/dotnet/api/system.idisposable">IDisposable</a></div>
    <div><a class="xref" href="../C1.Blazor.Core/C1.Blazor.Core.IDependencyObject.html">IDependencyObject</a></div>
  </div>
  <h6><strong>Namespace</strong>: <a class="xref" href="C1.Blazor.Input.html">C1.Blazor.Input</a></h6>
  <h6><strong>Assembly</strong>: C1.Blazor.Input.dll</h6>
  <h5 id="C1_Blazor_Input_C1MaskedTextBox_syntax">Syntax</h5>
  <div class="codewrapper">
    <pre><code class="lang-csharp hljs">public class C1MaskedTextBox : C1TextBox, IComponent, IHandleAfterRender, IHandleEvent, IDisposable, IDependencyObject</code></pre>
  </div>
  <div class="codewrapper">
    <pre><code class="lang-vbnet hljs">Public Class C1MaskedTextBox
    Inherits C1TextBox
    Implements IComponent, IHandleAfterRender, IHandleEvent, IDisposable, IDependencyObject</code></pre>
  </div>
  <h3 id="constructors">Constructors
</h3>
  <table class="table table-bordered table-condensed">
    <thead>
      <tr>
        <th>Name</th>
        <th>Description</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td id="C1_Blazor_Input_C1MaskedTextBox__ctor" data-uid="C1.Blazor.Input.C1MaskedTextBox.#ctor">
          <a class="xref" href="C1.Blazor.Input.C1MaskedTextBox.-ctor.html#C1_Blazor_Input_C1MaskedTextBox__ctor">C1MaskedTextBox()</a>
        </td>
        <td class="markdown level1 summary"><p>Initializes a new instance of the <a class="xref" href="C1.Blazor.Input.C1MaskedTextBox.html">C1MaskedTextBox</a> class.</p>
</td>
      </tr>
    </tbody>
  </table>
  <h3 id="properties">Properties
</h3>
  <table class="table table-bordered table-condensed">
    <thead>
      <tr>
        <th>Name</th>
        <th>Description</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td id="C1_Blazor_Input_C1MaskedTextBox_DisplayMode" data-uid="C1.Blazor.Input.C1MaskedTextBox.DisplayMode">
          <a class="xref" href="C1.Blazor.Input.C1MaskedTextBox.DisplayMode.html#C1_Blazor_Input_C1MaskedTextBox_DisplayMode">DisplayMode</a>
        </td>
        <td class="markdown level1 summary"><p>Gets or set the DisplayMode value.</p>
</td>
      </tr>
      <tr>
        <td id="C1_Blazor_Input_C1MaskedTextBox_IsValid" data-uid="C1.Blazor.Input.C1MaskedTextBox.IsValid">
          <a class="xref" href="C1.Blazor.Input.C1MaskedTextBox.IsValid.html#C1_Blazor_Input_C1MaskedTextBox_IsValid">IsValid</a>
        </td>
        <td class="markdown level1 summary"><p>Gets a value that determines whether the control contains a valid entry.</p>
</td>
      </tr>
      <tr>
        <td id="C1_Blazor_Input_C1MaskedTextBox_Mask" data-uid="C1.Blazor.Input.C1MaskedTextBox.Mask">
          <a class="xref" href="C1.Blazor.Input.C1MaskedTextBox.Mask.html#C1_Blazor_Input_C1MaskedTextBox_Mask">Mask</a>
        </td>
        <td class="markdown level1 summary"><p>Gets or sets the input mask.</p>
</td>
      </tr>
      <tr>
        <td id="C1_Blazor_Input_C1MaskedTextBox_MaskFormat" data-uid="C1.Blazor.Input.C1MaskedTextBox.MaskFormat">
          <a class="xref" href="C1.Blazor.Input.C1MaskedTextBox.MaskFormat.html#C1_Blazor_Input_C1MaskedTextBox_MaskFormat">MaskFormat</a>
        </td>
        <td class="markdown level1 summary"><p>Gets or set the MaskFormat value.</p>
</td>
      </tr>
      <tr>
        <td id="C1_Blazor_Input_C1MaskedTextBox_MaskedTextChanged" data-uid="C1.Blazor.Input.C1MaskedTextBox.MaskedTextChanged">
          <a class="xref" href="C1.Blazor.Input.C1MaskedTextBox.MaskedTextChanged.html#C1_Blazor_Input_C1MaskedTextBox_MaskedTextChanged">MaskedTextChanged</a>
        </td>
        <td class="markdown level1 summary"><p>Occurs when consistent content that conforms to the <a class="xref" href="C1.Blazor.Input.C1MaskedTextBox.Mask.html#C1_Blazor_Input_C1MaskedTextBox_Mask">Mask</a> changes in the text box.</p>
</td>
      </tr>
      <tr>
        <td id="C1_Blazor_Input_C1MaskedTextBox_OnMaskFormatChanged" data-uid="C1.Blazor.Input.C1MaskedTextBox.OnMaskFormatChanged">
          <a class="xref" href="C1.Blazor.Input.C1MaskedTextBox.OnMaskFormatChanged.html#C1_Blazor_Input_C1MaskedTextBox_OnMaskFormatChanged">OnMaskFormatChanged</a>
        </td>
        <td class="markdown level1 summary"><p>/// Occurs when consistent content that conforms to the <a class="xref" href="C1.Blazor.Input.C1MaskedTextBox.MaskFormat.html#C1_Blazor_Input_C1MaskedTextBox_MaskFormat">MaskFormat</a> changes.
Gets or sets the callback called when the MaskFormat is changed.</p>
</td>
      </tr>
      <tr>
        <td id="C1_Blazor_Input_C1MaskedTextBox_OnMaskInputRejected" data-uid="C1.Blazor.Input.C1MaskedTextBox.OnMaskInputRejected">
          <a class="xref" href="C1.Blazor.Input.C1MaskedTextBox.OnMaskInputRejected.html#C1_Blazor_Input_C1MaskedTextBox_OnMaskInputRejected">OnMaskInputRejected</a>
        </td>
        <td class="markdown level1 summary"><p>Gets or sets the callback called when the text changing is finished.</p>
</td>
      </tr>
      <tr>
        <td id="C1_Blazor_Input_C1MaskedTextBox_PromptChar" data-uid="C1.Blazor.Input.C1MaskedTextBox.PromptChar">
          <a class="xref" href="C1.Blazor.Input.C1MaskedTextBox.PromptChar.html#C1_Blazor_Input_C1MaskedTextBox_PromptChar">PromptChar</a>
        </td>
        <td class="markdown level1 summary"><p>Gets or set the PromptChar value.</p>
</td>
      </tr>
      <tr>
        <td id="C1_Blazor_Input_C1MaskedTextBox_TabBehavior" data-uid="C1.Blazor.Input.C1MaskedTextBox.TabBehavior">
          <a class="xref" href="C1.Blazor.Input.C1MaskedTextBox.TabBehavior.html#C1_Blazor_Input_C1MaskedTextBox_TabBehavior">TabBehavior</a>
        </td>
        <td class="markdown level1 summary"><p>Define the tab behavior if set.</p>
</td>
      </tr>
      <tr>
        <td id="C1_Blazor_Input_C1MaskedTextBox_Text" data-uid="C1.Blazor.Input.C1MaskedTextBox.Text">
          <a class="xref" href="C1.Blazor.Input.C1MaskedTextBox.Text.html#C1_Blazor_Input_C1MaskedTextBox_Text">Text</a>
        </td>
        <td class="markdown level1 summary"><p>Gets or sets the text displayed.</p>
</td>
      </tr>
      <tr>
        <td id="C1_Blazor_Input_C1MaskedTextBox_Value" data-uid="C1.Blazor.Input.C1MaskedTextBox.Value">
          <a class="xref" href="C1.Blazor.Input.C1MaskedTextBox.Value.html#C1_Blazor_Input_C1MaskedTextBox_Value">Value</a>
        </td>
        <td class="markdown level1 summary"><p>Gets text value.</p>
</td>
      </tr>
    </tbody>
  </table>
  <h3 id="methods">Methods
</h3>
  <table class="table table-bordered table-condensed">
    <thead>
      <tr>
        <th>Name</th>
        <th>Description</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td id="C1_Blazor_Input_C1MaskedTextBox_ApplyMaskSettings" data-uid="C1.Blazor.Input.C1MaskedTextBox.ApplyMaskSettings">
          <a class="xref" href="C1.Blazor.Input.C1MaskedTextBox.ApplyMaskSettings.html#C1_Blazor_Input_C1MaskedTextBox_ApplyMaskSettings">ApplyMaskSettings()</a>
        </td>
        <td class="markdown level1 summary"><p>Update client mask settings</p>
</td>
      </tr>
      <tr>
        <td id="C1_Blazor_Input_C1MaskedTextBox_Dispose_System_Boolean_" data-uid="C1.Blazor.Input.C1MaskedTextBox.Dispose(System.Boolean)">
          <a class="xref" href="C1.Blazor.Input.C1MaskedTextBox.Dispose.html#C1_Blazor_Input_C1MaskedTextBox_Dispose_System_Boolean_">Dispose(bool)</a>
        </td>
        <td class="markdown level1 summary"></td>
      </tr>
      <tr>
        <td id="C1_Blazor_Input_C1MaskedTextBox_FocusAsync" data-uid="C1.Blazor.Input.C1MaskedTextBox.FocusAsync">
          <a class="xref" href="C1.Blazor.Input.C1MaskedTextBox.FocusAsync.html#C1_Blazor_Input_C1MaskedTextBox_FocusAsync">FocusAsync()</a>
        </td>
        <td class="markdown level1 summary"><p>handle focus behavior.</p>
</td>
      </tr>
      <tr>
        <td id="C1_Blazor_Input_C1MaskedTextBox_FocusOutAsync" data-uid="C1.Blazor.Input.C1MaskedTextBox.FocusOutAsync">
          <a class="xref" href="C1.Blazor.Input.C1MaskedTextBox.FocusOutAsync.html#C1_Blazor_Input_C1MaskedTextBox_FocusOutAsync">FocusOutAsync()</a>
        </td>
        <td class="markdown level1 summary"><p>handle lost-focus behavior.</p>
</td>
      </tr>
      <tr>
        <td id="C1_Blazor_Input_C1MaskedTextBox_GetActualType" data-uid="C1.Blazor.Input.C1MaskedTextBox.GetActualType">
          <a class="xref" href="C1.Blazor.Input.C1MaskedTextBox.GetActualType.html#C1_Blazor_Input_C1MaskedTextBox_GetActualType">GetActualType()</a>
        </td>
        <td class="markdown level1 summary"><p>define the actual type of box DOM.</p>
</td>
      </tr>
      <tr>
        <td id="C1_Blazor_Input_C1MaskedTextBox_InitializeAsync" data-uid="C1.Blazor.Input.C1MaskedTextBox.InitializeAsync">
          <a class="xref" href="C1.Blazor.Input.C1MaskedTextBox.InitializeAsync.html#C1_Blazor_Input_C1MaskedTextBox_InitializeAsync">InitializeAsync()</a>
        </td>
        <td class="markdown level1 summary"><p>This method is called when the component is initialized.</p>
</td>
      </tr>
      <tr>
        <td id="C1_Blazor_Input_C1MaskedTextBox_OnAfterRender_System_Boolean_" data-uid="C1.Blazor.Input.C1MaskedTextBox.OnAfterRender(System.Boolean)">
          <a class="xref" href="C1.Blazor.Input.C1MaskedTextBox.OnAfterRender.html#C1_Blazor_Input_C1MaskedTextBox_OnAfterRender_System_Boolean_">OnAfterRender(bool)</a>
        </td>
        <td class="markdown level1 summary"></td>
      </tr>
      <tr>
        <td id="C1_Blazor_Input_C1MaskedTextBox_OnTextChangedAsync_System_String_" data-uid="C1.Blazor.Input.C1MaskedTextBox.OnTextChangedAsync(System.String)">
          <a class="xref" href="C1.Blazor.Input.C1MaskedTextBox.OnTextChangedAsync.html#C1_Blazor_Input_C1MaskedTextBox_OnTextChangedAsync_System_String_">OnTextChangedAsync(string)</a>
        </td>
        <td class="markdown level1 summary"></td>
      </tr>
      <tr>
        <td id="C1_Blazor_Input_C1MaskedTextBox_OnTextPropertyChanged_System_String_System_String_" data-uid="C1.Blazor.Input.C1MaskedTextBox.OnTextPropertyChanged(System.String,System.String)">
          <a class="xref" href="C1.Blazor.Input.C1MaskedTextBox.OnTextPropertyChanged.html#C1_Blazor_Input_C1MaskedTextBox_OnTextPropertyChanged_System_String_System_String_">OnTextPropertyChanged(string, string)</a>
        </td>
        <td class="markdown level1 summary"><p>Custom handling the text changed.</p>
</td>
      </tr>
      <tr>
        <td id="C1_Blazor_Input_C1MaskedTextBox_SetParametersAsync_Microsoft_AspNetCore_Components_ParameterView_" data-uid="C1.Blazor.Input.C1MaskedTextBox.SetParametersAsync(Microsoft.AspNetCore.Components.ParameterView)">
          <a class="xref" href="C1.Blazor.Input.C1MaskedTextBox.SetParametersAsync.html#C1_Blazor_Input_C1MaskedTextBox_SetParametersAsync_Microsoft_AspNetCore_Components_ParameterView_">SetParametersAsync(ParameterView)</a>
        </td>
        <td class="markdown level1 summary"></td>
      </tr>
    </tbody>
  </table>

</div>
