Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

New InputMask Component #510

Closed
cagataycivici opened this issue Jun 23, 2016 · 6 comments
Closed

New InputMask Component #510

cagataycivici opened this issue Jun 23, 2016 · 6 comments
Assignees
Labels
Type: New Feature Issue contains a new feature or new component request
Milestone

Comments

@cagataycivici
Copy link
Member

Create an input mask components based on jquery.inputmask https://github.com/RobinHerbots/jquery.inputmask

@cagataycivici cagataycivici added the Type: New Feature Issue contains a new feature or new component request label Jun 23, 2016
@cagataycivici cagataycivici added this to the 1.0.0-beta.9 milestone Jun 23, 2016
@cagataycivici cagataycivici self-assigned this Jun 23, 2016
@vishaltechreceptives
Copy link

When i use InputMask it will through a error like,

ORIGINAL EXCEPTION: TypeError: jQuery(...).inputmask is not a function
TypeError: jQuery(...).inputmask is not a function
    at InputMask.ngAfterViewInit (inputmask.js:63)
    at DebugAppView._View_AppComponent0.detectChangesInternal (AppComponent.template.js:2208)
    at DebugAppView.AppView.detectChanges (core.umd.js:12143)
    at DebugAppView.detectChanges (core.umd.js:12247)
    at DebugAppView.AppView.detectViewChildrenChanges (core.umd.js:12169)
    at DebugAppView.AppView.detectChangesInternal (core.umd.js:12154)
    at DebugAppView.AppView.detectChanges (core.umd.js:12143)
    at DebugAppView.detectChanges (core.umd.js:12247)
    at ViewRef_.detectChanges (core.umd.js:10397)
    at eval (core.umd.js:9911)

@patty-victor
Copy link

patty-victor commented Aug 4, 2016

I'm stuck at the same error than @vishaltechreceptives and cannot find a way out of it.

@tbertran
Copy link

Having the same problem.
It's coming from this line in inputmask.ts:
jQuery(this.el.nativeElement.children[0])['inputmask'](cfg);

Anybody know what that associative array (weird, to begin with) is trying to do?

@patty-victor
Copy link

patty-victor commented Aug 12, 2016

@tbertran I solved this problem by downloading the following plugin and adding it to my mode_modules folder.

https://github.com/RobinHerbots/jquery.inputmask

Then, I just had to set this path on my index.html inserting these two lines:
`<script src="node_modules/primeui/primeui-ng-all.min.js"></script>

<script src="node_modules/jquery.inputmask-3.x/dist/jquery.inputmask.bundle.js"></script>`

Good to remember that primeui-ng-all.min.js must be referenced BEFORE jquery.inputmask.bundle.js because it contains all jQuery definitions that inputmask needs.

@dan-madaket
Copy link

dan-madaket commented Apr 20, 2017

The documentation says this supports "email" input masking... but there is no example and I can't figure it out.

How do you write a mask with variable characters?

@malbarmavi
Copy link

malbarmavi commented Feb 15, 2019

any way I can mask for email like this _______@_______.___ it seem impossible because the mask is fixed the character size 🤔🤔

atretyak1985 pushed a commit to Nanitor/primeng that referenced this issue Jul 18, 2020
[NNTR-512]Changed information text when hovering
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Type: New Feature Issue contains a new feature or new component request
Projects
None yet
Development

No branches or pull requests

6 participants