Questions tagged [text-mask]

17 questions
8
votes
1 answer

How to implement a text mask in Flutter

As described in the title, how to implement text mask in Flutter. I am just writing a one below but not that suitable, since it can't display the mask to the user when typing, for example, when the text mask is 'MM/HH', if we do not display the…
Kevin Zhang
  • 1,012
  • 6
  • 14
7
votes
2 answers

Angular and text-mask: Regex to validate an input without special characters

I have angular 5 with "angular2-text-mask": "^8.0.4" https://github.com/text-mask/text-mask/tree/master/angular2 What I'm trying to do is preventing users entering special characters, except for -, _, ', which should be allowed for a name…
LieutenantDan
  • 71
  • 1
  • 1
  • 6
2
votes
0 answers

How to use placeholderChar in text-mask for Angular

I'm using text-mask in an Angular 7 project. I can't get placeholderChar to change from the default underscore.
aarffy
  • 231
  • 2
  • 13
2
votes
3 answers

AngularCli - Can't bind to 'textMask' during test

I'm using textMask node module to format the input tags for my form. I followed all instructions in the Git repository and the module woks perfectly. But when I try to run the component test it says: Error: Template parse errors: Can't bind to…
olegario
  • 711
  • 2
  • 16
  • 35
1
vote
1 answer

Modifying Text Line Mask Animation on Scroll to on Reveal

Basically, I saw this stunning effect from t.ricks: https://www.youtube.com/watch?v=yvqSioowCRc I want to make the same effect when the text scroll into view, instead of play the effect while scrolling the page In short, my question is: I would…
1
vote
1 answer

text-mask is not working for angular 2

Trying to use https://github.com/text-mask/text-mask/tree/master/addons#createnumbermask Uncaught Error: Template parse errors: Can't bind to 'textMask' since it isn't a known property of 'input'. ("lex="18" fxFlexOffset="1">
Ashish
  • 14,295
  • 21
  • 82
  • 127
0
votes
0 answers

TextMask in Angular, with no length limit

I am using textmask module in angular and I was wondering is there any way to use text mask with the following regex and not specifying length? public regexMask: any = [/^([1-9]+|[ -,.()]+|[\u10D0-\u10F0]+)$/]; Following example above limits my…
SoulFly
  • 63
  • 2
  • 7
0
votes
1 answer

DatePicker Mask not displayed pasted date when date format is D/M/YYYY

I am using Angular2-Text-Mask to implement masking on a Mat-Date-Picker Control. Controls works all good except Copy-paste operation. On pasting date as 09-08-2015 >> datepicker takes the date correctly. On Pasting date as 19-08-2015 >> daatepicker…
Isha
  • 5
  • 3
0
votes
1 answer

MaskedInput text is not correctly displayed when it received through the props

I have a a Material UI OutlinedInput on top of which I'm using MaskedInputfrom react-text-mask, when I originally put text into it and element is not in focus, the inputted text displays correctly, however when I close down the Dialog window with…
Konstantink1
  • 575
  • 1
  • 8
  • 26
0
votes
1 answer

Getting the Text Mask Library to work with Vue - error: does not provide an export named 'default'

I can get the vanilla javascript version going: var maskedInputController = vanillaTextMask.maskInput({ inputElement: document.querySelector('.myInput'), mask: [/\d/, /\d/, '/', /\d/, /\d/, '/', /\d/, /\d/, /\d/, /\d/], });
Soth
  • 2,901
  • 2
  • 27
  • 27
0
votes
1 answer

Angular - Number mask for reactive forms that supports min and max values

I need to make sure that only numbers are entered in an input text. I've always used angular2-text-mask but now I also have to make sure that there are limits.A min and max value. Let's say that the min is 1500 and the max is 16000. If a number…
eddy
  • 4,373
  • 16
  • 60
  • 94
0
votes
1 answer

Does Text-Mask library of React work with Redux?

I have a React project, using an input mask library called Text-mask. I want to use the masked phone number value to update the react state value via Redux. But whenever I try to use setClientPhone action, masked input only accepts one letter and…
Rudral
  • 188
  • 2
  • 5
  • 14
0
votes
0 answers

indefinite number of chars matching against a regex

I'm looking for a way to create a mask that would accept a set of an indefinite number of characters that should match against a regular expression. It seems that I could achieve that with text-mask library but by using an array I could pass only a…
zok
  • 6,065
  • 10
  • 43
  • 65
0
votes
0 answers

Using Text Mask component with Ant design Input

I have been testing 'react-text-mask' library and I want to use this component together with ant design Input component using its render attribute. However, it doesn't show formatted text.
ziLk
  • 3,120
  • 21
  • 45
0
votes
1 answer

Ionic Jade mask text input

I'm building an iOS app using Ionic and am using Jade for UI. There is an input box that I want the value typed to be masked. The input could be numeric or numeric+alphabetical. So far, I couldn't find how to do it. Anyone can help what should I do…
da32
  • 703
  • 1
  • 9
  • 18
1
2