ngx-intl-tel-input icon indicating copy to clipboard operation
ngx-intl-tel-input copied to clipboard

Add input mask to use valid phone number format

Open webcat12345 opened this issue 6 years ago • 14 comments

image

We can use this way. Add a mask to the input box.

@pasevin @Dviejopomata and others, please share your thoughts on this

webcat12345 avatar Feb 04 '19 02:02 webcat12345

By mask, you mean: '__-___-____' ?

From the feature perspective, I don't mind, as long as the library stays flexible and you can enable/disable this feature.

I wouldn't want to impose certain design features on users, who might want to customize their inputs. This is why I added cssClass option. Because I had this issue :)

pasevin avatar Feb 04 '19 03:02 pasevin

Okay sure, let's leave this feature to users, they will up-vote when they need this option. :dagger: :eyes:

webcat12345 avatar Feb 04 '19 03:02 webcat12345

this feature would be very useful and good validation.

shubhujais1995 avatar May 24 '19 08:05 shubhujais1995

it's very interesting how can this code?

rinaharry avatar Jun 12 '19 13:06 rinaharry

it's a nice concept of creating this kind of mask filter in your feature.

sven-mcarby avatar Dec 31 '19 21:12 sven-mcarby

@webcat12345 how to add input mask? how can this code? tks

dromeroDev avatar Jan 08 '21 03:01 dromeroDev

image

We can use this way. Add a mask to the input box.

@pasevin @Dviejopomata and others, please share your thoughts on this

I think this is usefull and necessary. Is there a workaround for this? Is there a way to put a mask in this component. I tried put ngx-mask, but I have failed.

PeaceDeveloper avatar May 05 '21 13:05 PeaceDeveloper

It's useful and would be a great add usually this feature is a mandatory requirement by clients

mo-othman avatar Jun 29 '21 07:06 mo-othman

It's very importing related to UX approach. This is one of the best Libraries available, but miss this important feature =(

lisbuenas avatar Jun 30 '21 22:06 lisbuenas

Masking the phone number field is a better UX for sure! 👍

jorool avatar Apr 26 '22 21:04 jorool

it's really important feature. or even better allow to bypass input for mask libraries

knopa avatar May 09 '22 13:05 knopa

I think input mask it's a must but i don't really like those underlines. I think the best way it's showing the placeholder or not, and while user is writing, input should behave like this: https://jsdaddy.github.io/ngx-mask-page/main

rene-guerrero avatar May 28 '22 01:05 rene-guerrero

I have implemented locally as wrapper in next input - I would say it's not so easy - because in real life ngx mask are not fit for 100%. Need to implement dynamic masking per country. Technically it could be adopted with detect country while entering but it has issue with change mask on the fly but possible

knopa avatar May 30 '22 08:05 knopa

This feature can will be implemented in lib? And can export the mask config to use on view of data

One option to use in this case is ngx-mask

junior-anzolin avatar Jul 26 '22 14:07 junior-anzolin