Progress Telerik UI for Blazor
Blazor MaskedTextBox
- Blazor MaskedTextBox组件确保特定格式的有效输入，如IBAN, SWIFT代码，电话号码，邮政编码，信用卡号码和自定义格式。
- 该组件是最大的真正的原生Blazor组件套件的一部分- Telerik UI为Blazor设计，完全适合任何应用程序的需求。
- Blazor UI套件还提供了专业设计的主题，支持开关的翻转，文档处理库，丰富的文档和演示，以帮助您立即开始。
-
概述
Blazor MaskedTextBox组件的Telerik UI是一个文本输入控件，能够验证各种文本数据，如电话号码、邮政编码、个人文件号码(例如护照id)、信用卡号码。除了常用的输入掩码，您还可以定义特定的掩码，如公司特定的productid, employed等。
-
掩码和提示
的面具MaskedTextBox是什么定义什么用户输入是允许的-输入的长度，字符的类型(例如一个字母，一个数字等)和在什么位置。例如，掩码“0000-0000-0000-0000”仅将输入限制为信用卡号。的提示MaskedTextBox的占位符值是显示在控件中的占位符值，用于提示用户预期的输入类型。提示符可以按照与蒙版非常相似的方式进行定制。参观MaskedTextBox文档关于掩码和提示如何工作．
-
标签
类似地，对于我们套件中的其他文本输入组件，MaskedTextBox的标签可以静态地放在元素的顶部，或者作为浮动标签，最初作为占位符文本出现，然后在元素上方升起。
探索Blazor MaskedTextBox标签
-
TabIndex
Blazor MaskedTextBox组件，就像所有其他Telerik UI的Blazor输入组件一样，由于HTML TabIndex属性，支持键盘导航在组件之间切换。按Tab键通常会聚焦下一个可用的输入组件，这与使用标准HTML输入时用户习惯的方式相同。通过TabIndex设置，可以自定义该顺序。 -
验证模式
验证模式可用MaskedTextBox组件，它可以帮助您选择是否在更改、模糊或键入事件时触发验证，允许您应用最适合您的需求的选项。
请参阅Blazor MaskedTextBox验证示例。 -
事件
两个标准OnChange而且ValueChanged是由MaskedTextBox组件公开的:
- OnChange每当用户确认新值(通过按Enter或组件失去焦点)时触发。此事件可与双向绑定一起使用。
- ValueChanged在每次击键时触发。此事件不能与双向绑定同时使用。
- 元素失去焦点时-当它失去焦点时触发的事件
了解更多关于Blazor MaskedTextBox事件在我们的文档。
-
主题
Blazor MaskedTextBox的Telerik UI有几个内置主题比如Default(我们自己的样式)，Material(基于材质设计指南)和Bootstrap(看起来像Bootstrap样式以便更好地集成)。属性可以轻松地自定义任何开箱即用的主题，或者使用属性创建新的主题来匹配颜色和品牌Telerik SASS ThemeBuilder应用程序．
