{"id":23346161,"url":"https://github.com/tpmanc/js-mask","last_synced_at":"2025-04-07T17:19:07.821Z","repository":{"id":58241241,"uuid":"63692247","full_name":"tpmanc/js-mask","owner":"tpmanc","description":"Javascript mask input","archived":false,"fork":false,"pushed_at":"2017-09-22T11:29:30.000Z","size":14,"stargazers_count":3,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-03-13T20:13:38.748Z","etag":null,"topics":["javascript","js-mask","vanilla-js"],"latest_commit_sha":null,"homepage":"http://js-mask.chukancev.ru/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/tpmanc.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2016-07-19T12:31:16.000Z","updated_at":"2017-12-28T09:47:59.000Z","dependencies_parsed_at":"2022-08-31T00:22:35.089Z","dependency_job_id":null,"html_url":"https://github.com/tpmanc/js-mask","commit_stats":null,"previous_names":[],"tags_count":3,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tpmanc%2Fjs-mask","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tpmanc%2Fjs-mask/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tpmanc%2Fjs-mask/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tpmanc%2Fjs-mask/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/tpmanc","download_url":"https://codeload.github.com/tpmanc/js-mask/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247694881,"owners_count":20980733,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["javascript","js-mask","vanilla-js"],"created_at":"2024-12-21T07:12:57.959Z","updated_at":"2025-04-07T17:19:07.784Z","avatar_url":"https://github.com/tpmanc.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Js mask\n\nWritten in vanilla JS library to add phone mask to your input elements.\n\n## Demo\n\n[Phone mask demo](http://js-mask.chukancev.ru/)\n\n## Requirements\n\n* none\n\nLibrary is written in vanilla JS and has no dependancies.\n\n## Getting Started\n\n### Download\n\n* [development version](https://raw.githubusercontent.com/tpmanc/js-mask/master/js-mask.js)\n\n* [minified version](https://raw.githubusercontent.com/tpmanc/js-mask/master/js-mask.min.js)\n\n### Bower\n\nInstall via bower: `bower install --save js-mask`\n\n## How to use\n\n```html\n\u003chtml\u003e\n   \u003chead\u003e\u003c/head\u003e\n   \u003cbody\u003e\n      \u003cinput type=\"text\" id=\"phone\"\u003e\n      \u003c!-- Loading the library --\u003e\n      \u003cscript src=\"js-mask.min.js\"\u003e\u003c/script\u003e\n   \u003c/body\u003e\n\u003c/html\u003e\n```\n\nAdd mask to input:\n\n```javascript\nvar inputs = new PhoneMask(document.querySelectorAll('#phone'));\n```\n\nTo customize functionality pass settings as second parameter:\n\n```javascript\nvar inputs = new PhoneMask(document.querySelectorAll('#phone'), {\n  pattern: '(xx) xxxx-xx-xx',\n  prefix: '+7 ',\n  patternChar: 'x'\n});\n```\n\nTo destroy phone mask:\n\n```javascript\nvar inputs = new PhoneMask(document.querySelectorAll('#phone'));\n// destroy mask\ninputs.destroy();\n```\n\n## Settings\n\n|Setting|Type|Default Value|Description|\n|---|---|---|---|\n|pattern|String|`'(___) ___-__-__'`|Input formatting pattern|\n|patternChar|String|`'_'`|Characters in pattent to replace by entered characters|\n|prefix|String|`''`|Phone number prefix|\n|igrogeKeyCodes|Array|`[9, 16, 17, 18, 36, 37, 38, 39, 40, 91, 92, 93]`|Array of key codes to ignore|\n|allowedRegExp|Pattern or false|`/^\\d$/`|RegExp pattent for entered characters|\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftpmanc%2Fjs-mask","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ftpmanc%2Fjs-mask","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftpmanc%2Fjs-mask/lists"}