Kendo UI for jQuery

jQuery MaskedTextBox

  • Easily enforce standard input rules such as valid phone number and email formats or create your own to ensure data integrity.
  • Part of the Kendo UI for jQuery library along with more than 100 professionally designed components developers trust for all their jQuery UI needs.
  • Get up and running quickly with award winning support, detailed documentation, demos, virtual classrooms, and a 3-million-strong developer community.
Header-MaskedTextBox
Nasa, Visa, Microsoft Fox, Samsung, IBM World Bank Group, Volvo
  • Overview

    The MaskedTextBox comes in handy in numerous app scenarios. No matter if your web app requires credit card, phone number with area code, or any other specific type of input, the widget helps you define and restrict the data to be entered in the form field.  All you need to do is supply the input and the mask of the field. The MaskedTextBox will do the rest.

    See the jQuery MaskedTextBox Overview demo

  • Floating Label

    Floating Labels are becoming more and more popular as they are a great tool for providing quality UX. Text begins as a place holder in the text box and when the user clicks to input a value, the label moves to a position outside the field. While this is also available as a separate component, it is built into the MaskedTextBox. All you need to do is set the label’s “floating” property to “true”.

    See the MaskedTextBox Floating Label demo

  • Validation

    MaskedTextBox includes a set of predefined mask rules for quick implementation. You can also create your own custom rules. The MaskedTextBox will validate and show error messages when appropriate.

    See the MaskedTextBox Validation demo

  • Globalization

    In addition to tools for setting localized messages, the MaskedTextBox will automatically display appropriate symbols for the set culture.

    See the Globalization demo

    globalization-localization