vue-inputmask

KO | EN

gitlite — search

#python #react #ai #typescript #llm #golang #machine-learning #deep-learning #docker #cli #vue #pytorch #ios #open-source

(★ 118)

Vue.js directive to add inputmask library to your inputs (vanilla javascript).

File Explorer

Download Latest Version (.zip)

- demo.gif
- vue-inputmask-browser.js
- vue-inputmask.js
- vue-inputmask.js.map
- vue-inputmask.js
- demo.html
- vue-inputmask.d.ts
.gitignore
LICENSE
package-lock.json
package.json
README.md
webpack.config.js

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# vue-inputmask

Vue.js directive to add a mask to your inputs (vanilla javascript).

It's a binding for the inputmask library by Robin Herbots [https://github.com/RobinHerbots/Inputmask](https://github.com/RobinHerbots/Inputmask)

![Vue-inputmask demo](https://raw.githubusercontent.com/scleriot/vue-inputmask/master/assets/demo.gif)

This library is licensed under MIT License.

# Install 
```bash
npm install -S vue-inputmask
```
# Setup

## With Typescript
```typescript
import Vue from 'vue'
const VueInputMask = require('vue-inputmask').default

Vue.use(VueInputMask)
```

## With a script tag
```html
<script src="./node_modules/inputmask/dist/inputmask/dependencyLibs/inputmask.dependencyLib.js"></script>
<script src="./node_modules/inputmask/dist/inputmask/inputmask.js"></script>
<script src="./dist/vue-inputmask-browser.js"></script>
```

# Usage
```html
<input type="text" v-mask="'99/99/9999'" />
<input type="text" v-mask="{mask: '99/99/9999', greedy: true}" v-on:change="maskCheck"/>
```

```javascript
new Vue({
  ...
  methods: {
    maskCheck: function (field){
      if (field.target.inputmask.isComplete()) {
        console.log('is Complete');
      } else {
        console.log('is Incomplete');
      }
    }
  }
});
```

vue-inputmask

File Explorer

Today's picks

Was this content helpful?

Recent Feedback

vue-inputmask

File Explorer

Today's picks

Was this content helpful?

Recent Feedback

Download README