Response title
This is preview!
Move this topic
JqueryMobile input mask
in jQuery Mobile
•
7 years ago
Anybody using a plugin for input masking (like "999-999-9999" ) ? First couple I've tried don't seem to work.
Thanks!
A
1
Replies(6)
Re: JqueryMobile input mask
7 years ago
I'm not using any plugin, but do it as follows:
Using this style,
- <style>
- :invalid { border-color: #ff0000; border-width: 2px;}
- </style>
And this for my input,
- <input type="tel" placeholder="999-999-9999" pattern="\d{3}[-\s]\d{3}[-\s]\d{4}.*?$" />
Leave a comment on chetankjain's reply
Re: JqueryMobile input mask
7 years ago
That's pretty cool!! THANKS!
But, it doesn't force the issue. I guess I could use that and the lost focus event to test then keep them in there.
Re: Re: JqueryMobile input mask
7 years ago
How about handling key events? Invalid chars can be ignored completely...
Leave a comment on agrieb's reply
Re: JqueryMobile input mask
7 years ago
[Key events] - yeah, well, that's what an input mask plugin would do. I was hoping to not have to recreate 1984 technology (dbase PICTURE) -
Re: Re: JqueryMobile input mask
7 years ago
lol OK. You mentioned you have already checked for plugins which didn't seem to help. I've not sought such plugins till now. The visual indicators should be good enough till you get a "good" plugin to do this for you.
ps: do let me know if you find a good one :)
Leave a comment on agrieb's reply
Re: JqueryMobile input mask
8 months ago
I was developed simple and easy masks on input field to US phone format jquery-input-mask-phone-number
Simple Add jquery-input-mask-phone-number plugin into your HTML file and call usPhoneFormat method.
$(document).ready(function () {
$('#yourphone').usPhoneFormat({
format: 'xxx-xxx-xxxx',
});
});
Working JSFiddle Link https://jsfiddle.net/1kbat1nb/
NPM Reference URL https://www.npmjs.com/package/jquery-input-mask-phone-number
GitHub Reference URL https://github.com/rajaramtt/jquery-input-mask-phone-number
Leave a comment on Raja Rama Mohan Thavalam's reply
Change topic type
Link this topic
Provide the permalink of a topic that is related to this topic
Reply to agrieb's question
Statistics
- 6 Replies
- 10486 Views
- 0 Followers
