What is the use of angular ui-mask?

ui-mask defines a input pattern and forces the user to put a value that fit with it.

For instance, with a mask set to (999) 999-9999, the user will ony be able to put some values as (123) 456-7890.

The mask definition considers these patterns:

A Any letter.

9 Any number.

* Any letter or number.

? Make any part of the mask optional.

So, if you define a mask as AAAAA-AAAAA, user can only write some hello-world or qwert-yuiop as value (Only letters).

The default placeholder char is the char that is used as “fill” in the input when it’s focused and the value is empty:

If you choose a mask AAAAA-AAAAA and a default placeholder char _ (default), you will have _____-_____ when you focus input field.

If you choose a default placeholder char X, you will have XXXXX-XXXXX

Related Posts:

  1. How to achieve pagination/table layout with Angular.js?
  2. typeerror cannot read property ‘data’ of undefined
  3. nodemon app crashed – waiting for file changes before starting
  4. Refused to display in a frame because it set ‘X-Frame-Options’ to ‘SAMEORIGIN’
  5. Refused to display in a frame because it set ‘X-Frame-Options’ to ‘SAMEORIGIN’
  6. How to format date in angularjs
  7. Angular-ui-router: ui-sref-active and nested states
  8. Unable to resolve dependency tree error when installing npm packages
  9. Understanding STATE in angularJS
  10. What is .$on() in AngularJS
  11. Significance of ng-repeat-start vs ng-repeat
  12. File Upload using AngularJS
  13. AngularJS : Prevent error $digest already in progress when calling $scope.$apply()
  14. AngularJS BootstrapUI Typeahead with object & selection functionality
  15. angular.service vs angular.factory
  16. How do I store data in local storage using Angularjs?
  17. What is .$on() in AngularJS
  18. `ui-router` $stateParams vs. $state.params
  19. Simple Popup by using Angular JS
  20. $apply already in progress error
  21. Why do i have to call $scope.$digest() here?
  22. ng-repeat :filter by single field
  23. What is deep linking in AngularJS?
  24. Difference between onLoad and ng-init in angular
  25. How do I fix the npm UNMET PEER DEPENDENCY warning?
  26. Submit form on pressing Enter with AngularJS
  27. How to pass parameters using ui-sref in ui-router to controller
  28. How to $state.go()
  29. AngularJS ng-disabled directive with expression is not working
  30. With ng-bind-html-unsafe removed, how do I inject HTML?
  31. How to filter a select with ng-options in Angular?
  32. Response for preflight has invalid HTTP status code 403 on angular post request
  33. Angular js is front end or backend?
  34. AngularJS Folder Structure
  35. Bare minimum code for AngularJS Carousel
  36. AngularJS $watch vs $watchCollection: which is better for performance?
  37. Angular.js: How does $eval work and why is it different from vanilla eval?
  38. angular.element vs document.getElementById or jQuery selector with spin (busy) control
  39. Angularjs ng-view does not work
  40. getting the ng-object selected with ng-change
  41. AngularJS For Loop with Numbers & Ranges
  42. Why is .then not a function?
  43. How do I filter an array with AngularJS and use a property of the filtered object as the ng-model attribute?
  44. In AngularJS, what’s the difference between ng-pristine and ng-dirty?
  45. AngularJS Modal Popup
  46. Why do we use $rootScope.$broadcast in AngularJS?
  47. how to use ng-option to set default value of select element
  48. What does ngInject do in the following piece of code?
  49. AngularJS: how to implement a simple file upload with multipart form?
  50. How do I build a graphical user interface in C++? [closed]
  51. How to get all place details from a Place Details Request using Google Places API Web Service?
  52. SyntaxError: Unexpected token o in JSON at position 1
  53. SyntaxError: Unexpected token o in JSON at position 1
  54. AngularJS- Login and Authentication in each route and controller
  55. TypeError: Cannot read property ‘then’ of undefined
  56. AngularJS : Factory and Service?
  57. AngularJS ngClass conditional
  58. trying to fix java Exception in thread “JavaFX Application Thread” java.lang.NullPointerException
  59. Angular JS Uncaught Error: [$injector:modulerr]
  60. How can I group data with an Angular filter?
  61. Definition of ui-sref in Angular.js?
  62. SVN admin management GUI tool
  63. How to center the text in a JLabel?
  64. How to use Java AWT setBackground
  65. How can I do GUI programming in C?
  66. How to connect signalR from angularJs
  67. Array Mapping in AngularJs
  68. AngularJS errors: Blocked loading resource from url not allowed by $sceDelegate policy
  69. Failed to execute ‘postMessage’ on ‘DOMWindow’: https://www.youtube.com !== http://localhost:9000
  70. make a JLabel wrap it’s text by setting a max width
  71. How to redirect to another page using AngularJS?
  72. How npm start runs a server on port 8000
  73. Why is this simple AngularJS ng-show not working?
  74. How can I set size of a button?
  75. $http.get(…).success is not a function
  76. Possible to hide Custom Post Type UI/Menu from specific User Roles?
  77. What do you think about custom designed plugin/theme options UIs?
  78. How to set back-end language per user?
  79. Prevent Selected Terms Rising to the Top
  80. How to write files in hosting in admin dashboard?
  81. Extend Elementor Archive Posts widget with a custom skin in order to show multiple badges
  82. WordPress Admin Interface not styled properly
  83. How can I show more than 15 themes at a time in the admin menu?
  84. How do I insert the smaller variant of an image?
  85. Reorder “menu order” of attachments to another predefined order
  86. Is there no admin ui guide for 4.x?
  87. Performance optimization of tree like structure
  88. UI for taxonomies & query vars
  89. Is there a plugin for feedback like Kissmetrics available? [closed]
  90. How can I include active content in a custom post type?
  91. Change menu order of core post-type in UI?
  92. Interface needed to transfer contents in a table on a web page to the Add New Product interface
  93. Uploading website to live causing problems to plug-in and layout
  94. Why does appear? I’m trying to remove a generic link called navigation on my main menu
  95. How to remove UI access to Custom Post Type using direct links?
  96. Split post edit screen into sub-edit screens for users, is this good or bad, and is it possible?
  97. Displaying the custom taxonomies side by side on the admin dashboard
  98. Plugin link does not appear in my toolbar
  99. Post UI Tabs plugin double fade effect
  100. Best approach of implementing multi-select/checkboxes for taxonomies?

Leave a Comment