jQWidgets
  • Docs
  • License and Pricing
  • Services
  • Community
    • Forums
    • Blogs
    • Follow Us
    • Client Login
  • About
    • About Us
    • Contact Us
    • FAQ
  • Products
    • Angular
    • React
    • Vue
    • jQuery
    • Web Components
    • Blazor
    • Svelte
    • Templates
  • Download
Angular UI Components
  • Javascript/jQuery
  • Angular
  • Vue
  • React
  • Web Components
  • Blazor
  • Templates
  • Theme Builder
  • Artavolo
Show Demo List

Angular UI Components (Angular 16–22 supported)

Data Grids and Tables

  • jqxGrid
  • jqxPivotGrid
  • jqxTreeGrid
  • jqxDataTable

Charts and Visualization

  • jqxChart
  • jqxGauge
  • jqxBarGauge
  • jqxBulletChart
  • jqxHeatMap
  • jqxTreeMap
  • jqxRangeSelector
  • jqxBarcode New
  • jqxQRcode New
  • jqxDraw

Scheduling and Planning

  • jqxScheduler
  • jqxGantt
  • jqxKanban
  • jqxTimeline

AI and Collaboration

  • jqxChat New

Editors and Inputs

  • jqxEditor
  • jqxForm
  • jqxDateTimeInput
  • jqxCalendar
  • jqxTimePicker
  • jqxInput
  • jqxNumberInput
  • jqxMaskedInput
  • jqxFormattedInput
  • jqxComplexInput
  • jqxPasswordInput
  • jqxTextArea
  • jqxColorPicker
  • jqxSlider
  • jqxKnob
  • jqxRating
  • jqxButtons
  • jqxCheckBoxGroup New
  • jqxFileUpload
  • jqxValidator
  • jqxValidator

Lists and Selection

  • jqxDropDownList
  • jqxComboBox
  • jqxListBox
  • jqxTree
  • jqxPickList New

Navigation and Menus

  • jqxTabs
  • jqxMenu
  • jqxToolBar
  • jqxRibbon
  • jqxNavigationBar
  • jqxNavBar
  • jqxListMenu

Layout and Containers

  • jqxSplitter
  • jqxLayout
  • jqxDockingLayout
  • jqxDocking
  • jqxSplitLayout
  • jqxPanel
  • jqxExpander
  • jqxResponsivePanel
  • jqxScrollView
  • jqxScrollBar

Popups and Feedback

  • jqxWindow
  • jqxNotification
  • jqxTooltip
  • jqxPopOver
  • jqxLoader
  • jqxProgressBar

Data and Utilities

  • jqxDragDrop
  • jqxSortable

jqxMaskedInput

  • Default Functionality
  • Fluid Size
  • Events
  • Right to Left Layout
Theme:
  • Demo
  • App.htm
  • app.ts
  • app.html
  • main.ts
  • API Reference

Angular Masked Input UI Component

The MaskedInput for Angular resembles an ordinary input component where in addition you can define a model and a mask which makes it very convenient if you wish to enter phone numbers, zip code, social security numbers, etc.

angular maskedinput

About jqxMaskedInput for Angular

jqxMaskedInput is the jQWidgets MaskedInput component for Angular. Input that restricts typing to a mask such as phone numbers, zip codes or IDs.

4 jqxMaskedInput demos with source code

  • Default Functionality – The default functionalities in Angular MaskedInput.
  • Fluid Size – Pf Angular Masked Input the width and height are set in percentages.
  • Events – The events that occur in Angular MaskedInput.
  • Right to Left Layout – The right to left support of Angular MaskedInput.

jqxMaskedInput API

jqxMaskedInput has 10 properties, 2 events and 4 methods, all in the API reference. Its main members, those its demos use first:

  • mask (property) – Sets or gets the masked input's mask.
  • clear (method) – Clears the value.
  • value (property) – Sets or gets the masked input's value.
  • change (event) – This event is triggered when the value is changed and the control's focus is lost.
  • valueChanged (event) – This event is triggered when the value is changed.
  • promptChar (property) – Sets or gets the prompt char displayed when an editable char is empty.
  • readOnly (property) – Sets or gets the readOnly state of the input.
  • textAlign (property) – Sets or gets the text alignment.
  • destroy (method) – Destroys the widget.
  • focus (method) – Focuses the widget.

Learn more

  • Getting started
  • API reference
  • JavaScript version
jQWidgets
  • Facebook
  • X (Twitter)
  • Demo
  • Download
  • Documentation
  • License and Pricing
  • Services
  • Products
  • Angular UI Components
  • React UI Components
  • Vue UI Components
  • Blazor UI Components
  • jQuery UI Components
  • Javascript UI Components
  • Svelte Data Grid (SvGrid)
  • Forums
  • About
  • Terms of Use
  • Privacy Policy
  • Contact Us

jQWidgets © 2011-2026. All Rights Reserved.