Skip to content
forked from probil/v-mask

Simple input mask lib for vue.js

License

Notifications You must be signed in to change notification settings

lennonhe/v-mask

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

70 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Vue input mask

Simple input mask lib for vue.js based on PureMask.js

Demo

Installation

This version requires Vue 2.X. If you are looking for Vue 1.X, check it here.

npm install v-mask

Usage

import Vue     from 'vue'
import VueMask from 'v-mask'

/** Activate vue.js plugins **/
Vue.use(VueMask);

Now you are ready to use it in the code!

<input type="text" v-mask="'####-##'" v-model="myInputModel">
<!-- OR -->
<input type="text" v-mask="'##/##/#### ##:##'" v-model="myInputModel">

Notice: v-model is required starting from v1.1.0, because a lot of bugs with HTMLElement event listeners and sync with Vue internals.

There is no reason to support using this lib for using without v-model but open the door for using on custom inputs.

Format description

List of supported placeholders:

Value Format
# Number (0-9)
A Letter in any case (a-z,A-Z)
N Number or letter
X Any symbol
? Optional (next character)

Tests

Jest is used for unit-tests.

You can run tests by typing this command in your console:

npm test

Nightwatch is used of E2E testing.

Check the v-mask--demo repo for more details

Contributing

PR is welcome!

Notice: You should make your changes only in src folder, don't try to edit files from dist as it compiled from src by babel and shouldn't be changes manually.

About

Simple input mask lib for vue.js

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Languages

  • JavaScript 100.0%