I'm trying to implement a mask for iban input. The mask is "SS00 AAAA 0000 0000 0000 9999 9999 9999 99". For some reason the mask bugs out when the optional numbers come in. It'll display a space instead of a 9 basically making it SS00 AAAA 0000 0000 0000 9999 999 999 9. Any reason why this is happening or how to solve it?
Angular ngx mask issue when mask has multiple optional numbers (9)
1k views Asked by HSwinnie At
1
There are 1 answers
Related Questions in ANGULAR
- Firebase link existing user to anonymous account?
- It doesnt always show all the books on my homepage
- Google adsense ads.txt status cannot be not found
- When I navigate to the URL'http://localhost:4200/', it redirects me back
- Ionic Angular Standalone ion-icon are not showing at all
- How to make Angular understand that view child is of a specific type, not a general ElementRef?
- vscode, debug angular, first time, doesn't debug, 2nd time stops at main.js then it's ok
- How to perform CRUD operations on a static JSON array in Angular? (without API)
- Ngrx props<>() method in createAction()
- How to animate rotation of an image inside input control?
- Detecting click inside and outside of the listening component in Angular
- Angular - type guard not narrowing types
- In node_modules file i am getting Angular genric error while using fontawesome in angular12
- Angular 16 sending null values to API
- GoogleCloud Error: Not Found The requested URL was not found on this server
Related Questions in NGX-MASK
- How to solve error "export 'MaskDirective' (imported as 'i8') was not found in ngx-mask"?
- Angular ngx-mask how to display preloaded value in the date format
- Ngx mask and ngx formly - label not floating when initial input value is set
- ngx-mask - truncated values from clipboard
- Dot as a first character ( .90 ) with ngx-mask
- How to solve error "export 'MaskDirective' (imported as 'i3') was not found in ngx-mask" for Azure DevOps pipeline?
- NG-Zorro Datepicker Manual Input Mask not working
- ngx-mask v16.2.6 upgrade - Module '"ngx-mask"' has no exported member 'NgxMaskModule'
- Min and Max with ngx mask
- NGX-Mask special characters
- How to make an universal postcode mask for ngx-mask input?
- How to add custom mask in Angular using ngx-mask?
- NGX-MASK Masking
- NullInjectorError using ngs-mask in angular
- Using ngx-mask in angular to display mask '00.00'
Popular Questions
- How do I undo the most recent local commits in Git?
- How can I remove a specific item from an array in JavaScript?
- How do I delete a Git branch locally and remotely?
- Find all files containing a specific text (string) on Linux?
- How do I revert a Git repository to a previous commit?
- How do I create an HTML button that acts like a link?
- How do I check out a remote Git branch?
- How do I force "git pull" to overwrite local files?
- How do I list all files of a directory?
- How to check whether a string contains a substring in JavaScript?
- How do I redirect to another webpage?
- How can I iterate over rows in a Pandas DataFrame?
- How do I convert a String to an int in Java?
- Does Python have a string 'contains' substring method?
- How do I check if a string contains a specific word?
Trending Questions
- UIImageView Frame Doesn't Reflect Constraints
- Is it possible to use adb commands to click on a view by finding its ID?
- How to create a new web character symbol recognizable by html/javascript?
- Why isn't my CSS3 animation smooth in Google Chrome (but very smooth on other browsers)?
- Heap Gives Page Fault
- Connect ffmpeg to Visual Studio 2008
- Both Object- and ValueAnimator jumps when Duration is set above API LvL 24
- How to avoid default initialization of objects in std::vector?
- second argument of the command line arguments in a format other than char** argv or char* argv[]
- How to improve efficiency of algorithm which generates next lexicographic permutation?
- Navigating to the another actvity app getting crash in android
- How to read the particular message format in android and store in sqlite database?
- Resetting inventory status after order is cancelled
- Efficiently compute powers of X in SSE/AVX
- Insert into an external database using ajax and php : POST 500 (Internal Server Error)
I had this exact same problem, and even if this question is kinda old, i thought it could still be helpful to share my solution
For an unknown reason, mask will have issues with characters groups that start by optional, not matter if you use space or -, or anything, as separator
A work around is to use a non optional character as first after each separator
In your case, it would be like :
SS00 AAAA 0000 0000 0000 0999 0999 0999 09Keep in mind that adding those non optional will increase the minimal length, so you have to add optional somewhere else to keep the length you want
For example :
SS00 AAAA 0000 0009 0999 0999 0999 0999 09(Don't worry, even if it looks different from the result wanted, in the input it would look the same as intended)Hope this will help other people facing this issue!
(PS: don't forget that in some country, IBAN can contain letters as well as numbers, so maybe make custom optional character to allow alphanumeric, and have something closer to :
SS00 AAAX AXXX AXXX AXXX AXXX AXXX AXXX AXwhere X will be your custom character)